/* Cookie consent brand overlay - SELECT
   Theming via the v3 CSS custom properties.
   See: https://cookieconsent.orestbida.com/advanced/ui-customization.html */

#cc-main {
    /* Typography */
    --cc-font-family: 'Inter var', Inter, -apple-system, BlinkMacSystemFont, sans-serif;

    /* Surfaces */
    --cc-bg: #ffffff;
    --cc-primary-color: #111827;
    --cc-secondary-color: #4b5563;
    --cc-overlay-bg: rgba(17, 24, 39, 0.6);

    /* Primary CTA (Accept all) */
    --cc-btn-primary-bg: #111827;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #111827;
    --cc-btn-primary-hover-bg: #1f2937;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #1f2937;

    /* Secondary CTA (Reject all / Save) */
    --cc-btn-secondary-bg: #ffffff;
    --cc-btn-secondary-color: #111827;
    --cc-btn-secondary-border-color: #e5e7eb;
    --cc-btn-secondary-hover-bg: #f9fafb;
    --cc-btn-secondary-hover-color: #111827;
    --cc-btn-secondary-hover-border-color: #d1d5db;

    /* Toggles */
    --cc-toggle-on-bg: #111827;
    --cc-toggle-off-bg: #d1d5db;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-readonly-bg: #f3f4f6;
    --cc-toggle-readonly-knob-bg: #d1d5db;

    /* Sections / category cards */
    --cc-cookie-category-block-bg: #f9fafb;
    --cc-cookie-category-block-border: #e5e7eb;
    --cc-cookie-category-block-hover-bg: #f3f4f6;
    --cc-cookie-category-block-hover-border: #e5e7eb;
    --cc-cookie-category-expanded-block-bg: #f7f1e6;
    --cc-cookie-category-expanded-block-hover-bg: #efe7d3;
    --cc-section-border: #f3f4f6;

    /* Misc */
    --cc-link-color: #111827;
    --cc-modal-border-radius: 1rem;
    --cc-btn-border-radius: 0.5rem;
    --cc-modal-transition-duration: 0.25s;
    --cc-z-index: 999999;
}

/* Match the existing site shadow language on the consent banner */
#cc-main .cm,
#cc-main .pm {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25), 0 10px 20px -5px rgb(0 0 0 / 0.1);
}

/* Footer link styling inside the consent modal */
#cc-main .cm__footer a,
#cc-main .pm__section a {
    text-decoration: underline;
    text-underline-offset: 3px;
}