/* ================================================
   PadelHit — CookieConsent v3 theme
   Branded via the official --cc-* variables on #cc-main.
   The id selector outranks the base stylesheet's .cc--darkmode
   class defaults, so the banner always renders in the light
   brand theme regardless of OS dark mode.
   ================================================ */

#cc-main {
    color-scheme: light;
    --cc-font-family: 'Plus Jakarta Sans', system-ui, sans-serif;

    /* Modal */
    --cc-bg: #ffffff;
    --cc-primary-color: #0f172a;
    --cc-secondary-color: #6b7280;
    --cc-modal-border-radius: 20px;

    /* Primary button = accent CTA (pill, like the store badges) */
    --cc-btn-primary-bg: #f45734;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-hover-bg: #e14a2b;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-border-radius: 999px;

    /* Secondary button = soft green */
    --cc-btn-secondary-bg: #f0faf4;
    --cc-btn-secondary-color: #16493a;
    --cc-btn-secondary-hover-bg: #d4f0e4;
    --cc-btn-secondary-hover-color: #0f3328;

    /* Preference category blocks */
    --cc-cookie-category-block-bg: #f0faf4;
    --cc-cookie-category-block-border: #f0faf4;
    --cc-cookie-category-block-hover-bg: #d4f0e4;
    --cc-cookie-category-block-hover-border: #d4f0e4;
    --cc-cookie-category-expanded-block-bg: #f0faf4;
    --cc-cookie-category-expanded-block-hover-bg: #d4f0e4;

    /* Toggles (on-state bg reuses --cc-btn-primary-bg) */
    --cc-toggle-readonly-bg: #a9e1c9;
    --cc-toggle-readonly-knob-bg: #ffffff;
    --cc-toggle-off-bg: #d1dad6;
    --cc-toggle-off-knob-bg: #ffffff;

    /* Overlay, separators, footer */
    --cc-overlay-bg: rgba(9, 38, 30, 0.55) !important;
    --cc-separator-border-color: #e8efec;
    --cc-footer-bg: #f7faf8;
    --cc-footer-color: #6b7280;
    --cc-footer-border-color: #e8efec;
}

/* Card shadow to match the site's cards */
#cc-main .cm,
#cc-main .pm {
    box-shadow: 0 2px 4px rgba(22, 73, 58, 0.05), 0 16px 40px -12px rgba(22, 73, 58, 0.24);
}

/* Preference sections inherit the pill button radius by default —
   tone them down to the card radius (the switch itself stays a pill). */
#cc-main .pm__section,
#cc-main .pm__section--toggle {
    border-radius: 14px;
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border-radius: 0 0 14px 14px;
}

/* Footer links in accent, like the rest of the site */
#cc-main .cm__link-group a {
    color: #f45734;
}

#cc-main .cm__link-group a:hover {
    color: #e14a2b;
}