/* External presentation rules, replacing template style attributes. */
.oxi-store-float{margin-right:10px}
/* Keep the complete logo centered inside a stable store-header frame. */
body.tax-coupon-store .taxonomy-header .oxi-store-logo.store-logo{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:140px;height:130px;padding:0;overflow:hidden}
body.tax-coupon-store .taxonomy-header .oxi-store-logo.store-logo img{display:block;position:static;top:auto;left:auto;transform:none;width:auto;height:auto;max-width:100%;max-height:100%;padding:0;margin:0;object-fit:contain;object-position:center}
.oxi-hidden{display:none}.oxi-howto-title{margin-top:15px}.oxi-fluid-image{max-width:100%;height:auto}
.oxi-similar-margin{margin:15px 0}.oxi-left{text-align:left}.oxi-center{text-align:center}
.oxi-brand-color{color:#1daa95}.oxi-discount-red{color:red}.oxi-discount-green{color:green}
.oxi-category-title{font-size:20px;margin-bottom:0}.oxi-modal-padding{padding:0 30px}
.oxi-store-visit{display:inline-block;background-color:#fd654c;border-color:#fd654c}
.oxi-search-results{list-style:none}.oxi-search-result{margin-bottom:15px;overflow:hidden}
button .asp_text_button,button .innericon,button .asp_clear{display:block}
.coupon-action-button:focus-visible,.js-code-redirect:focus-visible,.ReadMoreControl:focus-visible,.TermsControl:focus-visible{outline:2px solid #183331;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.faq-answear.active{display:block;max-height:none}
/* Keep every grid card inside the same filter container, with stable row wrapping. */
#coupon-listings-store,#expired-coupons-store{display:flex;flex-wrap:wrap}
#coupon-listings-store>div,#expired-coupons-store>div{width:100%;min-width:0}
@media(min-width:768px){#coupon-listings-store>.col-sm-6,#expired-coupons-store>.col-sm-6{width:50%}}
/* Contrast corrections for the elements in the supplied accessibility report. */
body .coupon-filter .store-filter-button.active,body .coupon-filter .store-filter-button.current{background:#08715f;color:#fff;border-color:#08715f}
body .coupon-filter .store-filter-button.active .offer-count,body .coupon-filter .store-filter-button.current .offer-count{background:#fff;color:#075d4e}
body .bg-partner-500.text-white{background:#ff9600;color:#1f2937}
body .cpc-similar-stores__link .cpc-similar-stores__discount,body .cpc-similar-stores__link .cpc-similar-stores__offers-count,body .cpc-similar-stores__link:hover .cpc-similar-stores__name{color:#08715f}
body .widget .custom-html-widget{color:#333}
body .widget .custom-html-widget a[href*="/how-we-verify-coupons/"],body .widget .custom-html-widget a[href*="/how-we-verify-coupons/"] span{color:#08715f!important;text-decoration:underline}
body .copyrights,body footer.footer{background:#105749;color:#fff}
body .copyrights a,body .copyrights a:hover,body .copyrights a:focus,body .copyrights .flex-right a,body .copyrights .footer-social a{color:#fff;background:transparent;opacity:1}
body .copyrights a,body footer.footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px;line-height:1.5;vertical-align:middle}
body .copyrights a:hover,body footer.footer a:hover{text-decoration:underline}
body .copyrights a:focus-visible,body footer.footer a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body .coupon-action-button[role="button"]:focus-visible,body .coupon-code-modal[role="button"]:focus-visible,body .js-code-redirect:focus-visible,body .coupon-image-link:focus-visible{outline:3px solid #173e52;outline-offset:3px}
.coupon-image-link{display:block}.coupon-image-fallback{display:block;padding:12px;color:#1f2937;font-weight:600}

/* Coupon/deal controls matching the Answear reference; labels stay in English. */
body .coupon-action-button.header-alike,
body .btn-exp,
body .coupon-code-modal.header-alike.sale-act-btn,
body .coupon-code-modal:not(input){
    --oxi-action-bg:#087f7f;
    --oxi-action-edge:#088e8e;
    display:block;
    position:relative;
    border:0!important;
    border-radius:8px;
    background:transparent;
    color:#fff;
    font-size:16px;
    font-weight:600;
    line-height:1.8;
    text-decoration:none;
    opacity:1;
    transform:none;
    box-shadow:none;
}
body .coupon-action-button.header-alike,
body .btn-exp{overflow:hidden}
body .coupon-action-button.header-alike>.code-text,
body .coupon-action-button.header-alike>.code-text-full,
body .btn-exp>.code-text,
body .btn-exp>.code-text-full{
    display:block;
    box-sizing:border-box;
    background:var(--oxi-action-bg);
    color:#fff;
    padding:12px 20px;
    text-align:center;
    font-size:inherit;
    line-height:inherit;
}
body .coupon-action-button.header-alike>.partial-code,
body .btn-exp>.partial-code{
    display:block;
    box-sizing:border-box;
    background:linear-gradient(315deg,rgba(0,0,0,.06) 10%,transparent 15%,transparent 35%,rgba(0,0,0,.06) 40%,rgba(0,0,0,.06) 60%,transparent 65%,transparent 85%,rgba(0,0,0,.06) 90%) 0 0/6px 6px;
    color:#00162d;
    border:2px dashed var(--oxi-action-edge);
    padding:10px 20px;
    border-radius:8px;
    text-align:right;
    font-size:inherit;
    line-height:inherit;
}
body .coupon-action-button.header-alike>.code-text,
body .btn-exp>.code-text{
    position:absolute;
    top:0;
    left:0;
    width:80%;
    height:100%;
    border-radius:8px 0 0 8px;
}
body .coupon-action-button.header-alike>.code-text-full,
body .btn-exp>.code-text-full{border-radius:8px}
body .coupon-code-modal.header-alike.sale-act-btn,
body .coupon-code-modal:not(input){
    background:var(--oxi-action-bg);
    padding:12px 20px;
    text-align:center;
}
/* The moving angled edge uses exactly the same green as the button face. */
body .coupon-action-button.header-alike>.code-text::after,
body .btn-exp>.code-text::after{
    content:"";
    display:block;
    position:absolute;
    z-index:4;
    width:14px;
    height:100%;
    top:0;
    right:-14px;
    border:0;
    background:var(--oxi-action-bg);
    clip-path:polygon(0 0,100% 0,0 100%);
    transition:right .2s ease-in-out;
}
body .coupon-action-button.header-alike:focus-visible,
body .btn-exp:focus-visible,
body .coupon-code-modal.header-alike.sale-act-btn:focus-visible,
body .coupon-code-modal:not(input):focus-visible{
    color:#fff;
    outline:3px solid #173e52;
    outline-offset:3px;
    opacity:1;
}
body .coupon-action-button.header-alike:focus-visible>.code-text::after,
body .btn-exp:focus-visible>.code-text::after{right:0}
@media(hover:hover) and (pointer:fine){
    body .coupon-action-button.header-alike:hover,
    body .btn-exp:hover,
    body .coupon-code-modal.header-alike.sale-act-btn:hover,
    body .coupon-code-modal:not(input):hover{
        color:#fff;
        opacity:1;
        transform:none;
        box-shadow:none;
    }
    body .coupon-action-button.header-alike:hover>.code-text::after,
    body .btn-exp:hover>.code-text::after{right:0}
}
@media(max-width:768px){
    body .coupon-list .coupon-action-button.header-alike>.code-text{width:90%}
}
body.single .coupon-action-button.header-alike>.code-text,
body .coupon-grid .coupon-action-button.header-alike>.code-text{width:85%}
body .coupon-grid .coupon-action-button.header-alike{font-size:13px}
body .coupon-grid .coupon-action-button.header-alike>.code-text,
body .coupon-grid .coupon-action-button.header-alike>.code-text-full{padding:12px}
body .coupon-grid .coupon-action-button.header-alike>.partial-code{padding:10px 12px}
/* Expired offers retain their separate muted treatment. */
body .expired-coupon .coupon-action-button.header-alike,
body .expired-coupon .btn-exp,
body .expirat .coupon-action-button.header-alike,
body .expirat .btn-exp{
    --oxi-action-bg:#5b6268;
    --oxi-action-edge:#4b5258;
}
@media(prefers-reduced-motion:reduce){
    body .coupon-action-button.header-alike,
    body .btn-exp,
    body .coupon-code-modal.header-alike.sale-act-btn,
    body .coupon-code-modal:not(input){transform:none!important;transition:none!important}
    body .coupon-action-button.header-alike>.code-text::after,
    body .btn-exp>.code-text::after{right:0!important;transition:none}
}

/* Clear the floated store logo and leave a consistent gap before the rating. */
body.tax-coupon-store .taxonomy-header .store-tax-header-wrap>.starstruck-tax{clear:both;padding-top:20px}
body.tax-coupon-store .taxonomy-header .store-tax-header-wrap>.starstruck-tax>.starstruck-wrap{margin-top:0}
/* Reserve the five rating stars before the rating plugin initializes. */
.starstruck-tax .starstruck-main{display:inline-flex;align-items:center;min-width:100px;min-height:20px;vertical-align:top;white-space:nowrap}
.starstruck-tax .starstruck-main i{display:inline-block;flex:0 0 20px;width:20px;line-height:20px}

/* Readable navigation and coupon metadata, including expired offers. */
body .top-header{background:#087f7f;color:#fff}
body .top-header .navbar-default .navbar-nav>li>a,
body .top-header .navbar-default .navbar-nav>li>a:hover,
body .top-header .navbar-default .navbar-nav>li>a:focus,
body .top-header .navbar-default .navbar-nav>.open>a{color:#fff;background:transparent}
body .top-header .navbar-toggle{color:#fff;background:transparent;border-color:#fff}
body .top-header .navbar-default .dropdown-menu{background:#fff;color:#173e52}
body .top-header .navbar-default .dropdown-menu>li>a{color:#173e52;background:#fff}
body .top-header .navbar-default .dropdown-menu>li>a:hover,
body .top-header .navbar-default .dropdown-menu>li>a:focus{color:#173e52;background:#e8f3f3}
body .top-header .navbar-nav a:focus-visible,
body .top-header .navbar-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body .white-block.coupon-box{color:#334155}
body .coupon-box .coupon-discount-perc.oxi-discount-red{color:#b42318}
body .coupon-box .flex-middle h3>a,body .coupon-box .flex-middle h4>a{color:#173e52}
body .coupon-box .flex-middle h3>a:hover,body .coupon-box .flex-middle h4>a:hover,
body .coupon-box .flex-middle h3>a:focus,body .coupon-box .flex-middle h4>a:focus{color:#08715f}
body .coupon-box .TermsControl,body .coupon-box .ReadMoreControl{color:#475569}
body .coupon-box .used,body .coupon-box .expire{color:#475569;background:#f1f5f9;opacity:1}
body .coupon-box .badges.exclusive{color:#fff;background:#087f7f;opacity:1}
body .expired-coupon .flex-middle h4 a,
body .expirat .coupon-list .flex-middle h4 a{color:#526175}
/* Editorial code colours can originate in the store's rich-text fields. */
body.tax-coupon-store main code{color:#065f46!important;background:#ecfdf5!important}
