/* CouponCreative design tokens (r22): one source for the plugin pages, REHub Theme Options and Elementor kit 5.
   The staging data step "r22 tokens" writes the same hex values into rehub_option and the kit: change a value here, then re-run it.
   Brand = REHub main colour #7f15db (plugin #5632a8 retired). One action colour: brand fill with white text, 6.9:1 (AA).
   One font: Poppins, already loaded by REHub (400 body, 600 nav, 700 headings); never ask for another family or weight. */
:root{
/* Brand and the single action colour */
--ccu-brand:#7f15db;--ccu-brand-strong:#6611b0;--ccu-brand-soft:#f3ecfc;--ccu-brand-line:#dccbf3;
--ccu-cta:var(--ccu-brand);--ccu-cta-hover:var(--ccu-brand-strong);--ccu-cta-ink:#fff;--ccu-focus:var(--ccu-brand);
/* Header switch. Default white with dark ink; brand header = --ccu-header-bg:var(--ccu-brand);--ccu-header-ink:#fff, plus header=brand in the data step. */
--ccu-header-bg:#fff;--ccu-header-ink:var(--ccu-ink);--ccu-footer-bg:#1f1a2e;--ccu-footer-ink:#fff;
/* Neutrals with a slight brand hue. Ink and muted pass 4.5:1 on surface and bg; field-line passes 3:1 for form borders. */
--ccu-ink:#1f1a2e;--ccu-muted:#625b70;--ccu-line:#e5dfee;--ccu-line-strong:#cfc4de;--ccu-field-line:#8f879c;
--ccu-bg:#f7f5fb;--ccu-surface:#fff;--ccu-surface-2:#faf9fc;
/* Status. Rating stars: filled 4.5:1, empty 3.4:1 on surface (graphics need 3:1). */
--ccu-success:#17663a;--ccu-success-soft:#e7f5ec;--ccu-success-line:#a9dfc6;--ccu-danger:#a3122a;
--ccu-rating:#a96700;--ccu-rating-off:var(--ccu-field-line);
/* Logo gradient (yellow to orange) and its text colour (5.1:1 at the orange end): REHub coupon popup header only */
--ccu-logo-yellow:#efce37;--ccu-logo-orange:#da5009;--ccu-logo-ink:#000;
/* Type */
--ccu-font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--ccu-fw-regular:400;--ccu-fw-semibold:600;--ccu-fw-bold:700;
/* Shape and rhythm */
--ccu-radius-sm:8px;--ccu-radius:12px;--ccu-radius-lg:16px;--ccu-radius-pill:999px;
--ccu-space-1:4px;--ccu-space-2:8px;--ccu-space-3:16px;--ccu-space-4:24px;
--ccu-shadow:0 2px 8px rgba(31,26,46,.05);--ccu-shadow-cta:0 6px 16px rgba(127,21,219,.28)
}

/* Theme bridge, loaded on every front-end page. Kept from Additional CSS (post 1219, last edited 2022) so it can be emptied.
   Dropped there: Roboto body font (one font), orange/yellow search icon (made for the old purple header; REHub's
   secondary colour now styles the search button), cashback tracker and avatar rules (membership off, r24). */
/* Hairline round store logos so white logos stay visible on white cards (REHub archives, search, offer grids, Elementor). */
.woo-tax-logo img,.woo_offer_list .offer_thumb img,.re-search-result-thumb img,.featured_single_left figure img,.offer_grid figure img,.elementor img{filter:drop-shadow(0 0 .1px var(--ccu-ink)) drop-shadow(0 0 .1px var(--ccu-ink))}
/* REHub card grids (compact grid, 5-column archives). */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px}
.col_wrap_fifth .col_item{border-radius:var(--ccu-radius)}
/* REHub coupon popup (?codeid): logo-gradient header with black text on a soft panel. */
.violetgradient_bg{background-color:var(--ccu-logo-orange);background:linear-gradient(to bottom,var(--ccu-logo-yellow) 0,var(--ccu-logo-orange) 100%)}
.cpn_modal_container{background-color:var(--ccu-bg)!important}
.coupon_top_part.violetgradient_bg.padd20 *{color:var(--ccu-logo-ink)!important}
/* A white header needs an edge against the page. */
.logo_section_wrap{box-shadow:0 1px 0 var(--ccu-line)}
/* p10: the menu parent of the page shown (Categories on a category page) carries the same underline as a current item;
   CouponHub::menu_current keeps the parent that shares the /coupons/ address from being underlined next to Coupons & Deals.
   The underline sits under the label only (the item's 13px side padding stays clear), so a current item and a hovered
   neighbour never read as one long bar. #main_header outranks REHub's equal selectors, which load after this sheet. */
nav.top_menu>ul:not(.off-canvas)>li.current-menu-ancestor>a::after{width:100%;left:0;right:0}
#main_header nav.top_menu>ul:not(.off-canvas)>li>a:hover::after,#main_header nav.top_menu>ul:not(.off-canvas)>li.current-menu-item>a::after,#main_header nav.top_menu>ul:not(.off-canvas)>li.current-menu-ancestor>a::after{left:13px;right:auto;width:calc(100% - 26px)}
/* Footer bottom strip: REHub prints footer#theme_footer.dark_style{background:none #222} inline under the footer, and only the
   widget area above takes footer_color_background. The strip takes the same footer token, with its ink (any footer style). */
footer#theme_footer{background:var(--ccu-footer-bg)!important;color:var(--ccu-footer-ink)}
footer#theme_footer div.f_text,footer#theme_footer div.f_text a:not(.rehub-main-color){color:var(--ccu-footer-ink)!important}