/*
 * Party Isla — orestbida/cookieconsent v3 brand override.
 * Maps the vendor's CSS variables onto our design tokens (Pantone 186, 4/6 px radii,
 * dark-default theme with a light override) so the banner blends with the rest of the site.
 *
 * Loaded after vendor static/vendor/cookieconsent/v3.1.0/cookieconsent.css.
 * Vendor variable reference: https://cookieconsent.orestbida.com/advanced/ui-customization.html
 */

#cc-main {
    --cc-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    --cc-bg: #1a1a1a;
    --cc-primary-color: #ffffff;
    --cc-secondary-color: rgba(255, 255, 255, 0.72);

    --cc-btn-primary-bg: #c8102e;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #c8102e;
    --cc-btn-primary-hover-bg: #a40d24;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #a40d24;

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: rgba(255, 255, 255, 0.85);
    --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.2);
    --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.06);
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.4);

    --cc-separator-border-color: rgba(255, 255, 255, 0.08);

    --cc-toggle-bg-off: rgba(255, 255, 255, 0.18);
    --cc-toggle-bg-on: #c8102e;
    --cc-toggle-bg-readonly: rgba(255, 255, 255, 0.1);
    --cc-toggle-knob-bg: #ffffff;
    --cc-toggle-knob-icon-color: #c8102e;

    --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.04);
    --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08);
    --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.06);
    --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.14);
    --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.02);
    --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.04);

    --cc-overlay-bg: rgba(0, 0, 0, 0.6);
    --cc-webkit-scrollbar-bg: rgba(255, 255, 255, 0.05);
    --cc-webkit-scrollbar-bg-hover: rgba(255, 255, 255, 0.15);

    --cc-footer-bg: #111111;
    --cc-footer-color: rgba(255, 255, 255, 0.6);
    --cc-footer-border-color: rgba(255, 255, 255, 0.08);

    --cc-modal-border-radius: 6px;
    --cc-btn-border-radius: 4px;
}

[data-theme="light"] #cc-main {
    --cc-bg: #ffffff;
    --cc-primary-color: #111111;
    --cc-secondary-color: rgba(17, 17, 17, 0.7);

    --cc-btn-primary-bg: #c8102e;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #c8102e;
    --cc-btn-primary-hover-bg: #111111;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #111111;

    --cc-btn-secondary-bg: #ffffff;
    --cc-btn-secondary-color: #111111;
    --cc-btn-secondary-border-color: #222222;
    --cc-btn-secondary-hover-bg: #f0f0f0;
    --cc-btn-secondary-hover-color: #111111;
    --cc-btn-secondary-hover-border-color: #111111;

    --cc-separator-border-color: rgba(0, 0, 0, 0.1);

    --cc-toggle-bg-off: rgba(0, 0, 0, 0.18);
    --cc-toggle-bg-readonly: rgba(0, 0, 0, 0.1);
    --cc-toggle-knob-bg: #ffffff;

    --cc-cookie-category-block-bg: #f7f7f7;
    --cc-cookie-category-block-border: #e2e2e2;
    --cc-cookie-category-block-hover-bg: #f0f0f0;
    --cc-cookie-category-block-hover-border: #cccccc;
    --cc-cookie-category-expanded-block-bg: #fafafa;
    --cc-cookie-category-expanded-block-hover-bg: #f4f4f4;

    --cc-footer-bg: #f7f7f7;
    --cc-footer-color: rgba(17, 17, 17, 0.65);
    --cc-footer-border-color: rgba(0, 0, 0, 0.08);
}

/* Slightly tighter desktop footprint than vendor default. */
#cc-main .cm--box {
    max-width: 480px;
}

/* Inline links inside description should use brand red, not blue. */
#cc-main .cm__desc a,
#cc-main .pm__section-desc a {
    color: #c8102e;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#cc-main .cm__desc a:hover,
#cc-main .pm__section-desc a:hover {
    color: #a40d24;
}

[data-theme="light"] #cc-main .cm__desc a,
[data-theme="light"] #cc-main .pm__section-desc a {
    color: #c8102e;
}
