/* ==========================================================================
   NovaMart — Securiti cookie banner theme, embedded site-side.
   Loaded on every page so the Securiti banner/preference-center is branded
   without needing console access. Selectors are prefixed with `html body`
   (high specificity) + !important so they beat the SDK's inline styles and
   the console's compiled theme (which sets a dark-red background here).
   Brand: red #E4002B / dark #B80023 / ink #12141C, Inter, pill buttons.
   ========================================================================== */

/* ---- Banner bar --------------------------------------------------------- */
html body .cc-window{ background-color:#ffffff !important; color:#12141C !important; border-top:4px solid #E4002B !important; border-radius:16px !important; box-shadow:0 20px 50px -18px rgba(18,20,28,.35) !important; font-family:'Inter',ui-sans-serif,system-ui,sans-serif !important; }
html body .cc-window .cc-message{ color:#3f434d !important; }
html body .cc-window .cc-link,
html body .cc-window .cc-message-container a,
html body .cc-window.cc-banner p a{ color:#E4002B !important; text-decoration:underline !important; }
html body .cc-window .cc-btn{ border-radius:9999px !important; font-weight:800 !important; }
html body .cc-window .cc-btn.cc-allow{ background-color:#E4002B !important; color:#ffffff !important; border:2px solid #E4002B !important; }
html body .cc-window .cc-btn.cc-allow:hover{ background-color:#B80023 !important; border-color:#B80023 !important; }
html body .cc-window .cc-btn.cc-deny,
html body .cc-window .cc-btn.cc-dismiss{ background-color:#ffffff !important; color:#12141C !important; border:2px solid #e2e8f0 !important; }
html body .cc-window .cc-btn.cc-deny:hover,
html body .cc-window .cc-btn.cc-dismiss:hover{ border-color:#12141C !important; }
html body .cc-window .cc-close.cc-close-banner-btn{ color:#12141C !important; }

/* ---- Preference-center modal -------------------------------------------- */
html body .cmp-modal{ background-color:#ffffff !important; color:#12141C !important; font-family:'Inter',ui-sans-serif,system-ui,sans-serif !important; }
html body .cmp-modal .cmp-modal__title{ color:#12141C !important; font-weight:800 !important; }
html body .cmp-modal .cmp-modal__sub-title a{ color:#E4002B !important; text-decoration:underline !important; }
html body .cmp-modal .cmp-modal__close,
html body .cmp-modal .cmp-modal__close svg{ color:#12141C !important; fill:#12141C !important; }

/* header + tabs */
html body .cmp-modal .cmp-tabs__nav ul li{ color:#64748b !important; }
html body .cmp-modal .cmp-tabs__nav ul li.is-active{ color:#E4002B !important; border-color:#E4002B !important; }
html body .cmp-modal .cmp-tabs__title,
html body .cmp-modal .cmp-tabs__title.cmp-fixed-wd-title{ color:#E4002B !important; }
html body .cmp-modal .cmp-horizontal-tabs__nav ul li.is-active a,
html body .cmp-modal .cmp-horizontal-tabs__nav ul li.is-active span{ color:#E4002B !important; border-color:#E4002B !important; }
html body .cmp-modal li.is-active .cmp-check-icon,
html body .cmp-modal .cmp-check-icon{ color:#E4002B !important; fill:#E4002B !important; }

/* toggles */
html body .cmp-modal .cmp-switch__slider{ background-color:#cbd5e1 !important; }
html body .cmp-modal .cmp-switch.readonly input+.cmp-switch__slider{ background-color:#f4b8c2 !important; }
html body .cmp-modal .cmp-switch input:checked+.cmp-switch__slider{ background-color:#E4002B !important; }
html body .cmp-modal .cmp-switch input:checked+.cmp-switch__slider svg{ fill:#ffffff !important; }

/* cookie-list / accordion detail text — renders white (built for the old dark
   console theme); force readable dark on the white modal so cookie names,
   descriptions and tables are visible. */
html body .cmp-modal .cmp-tabs__sub-title,
html body .cmp-modal .cmp-accordion__title,
html body .cmp-modal .cmp-accordion__sub-title,
html body .cmp-modal .cmp-cookie-head,
html body .cmp-modal .cmp-cookie-text,
html body .cmp-modal .cmp-cookie-info,
html body .cmp-modal .cmp-list-tile,
html body .cmp-modal .cmp-details-view td,
html body .cmp-modal .cmp-details-view th { color:#12141C !important; }
html body .cmp-modal .cmp-accordion a,
html body .cmp-modal .cmp-accordion__content a { color:#E4002B !important; text-decoration:underline !important; word-break:break-all; }

/* footer + its wrappers — DARK bar so the light "Powered by securiti" logo is readable */
html body .cmp-modal__footer,
html body .cmp-modal .cmp-btn-wrapper,
html body .cmp-modal .cmp-logo-wrapper{ background-color:#12141C !important; }
html body .cmp-modal .cmp-logo-wrapper, html body .cmp-modal .cmp-logo-wrapper *{ color:#e5e7eb !important; }
html body .cmp-modal .cmp-save-btn{ background-color:#E4002B !important; color:#ffffff !important; border:2px solid #E4002B !important; border-radius:9999px !important; font-weight:800 !important; }
html body .cmp-modal .cmp-decline-btn{ background-color:transparent !important; color:#ffffff !important; border:2px solid rgba(255,255,255,.4) !important; border-radius:9999px !important; font-weight:800 !important; }
html body .cmp-modal .cmp-link-btn{ color:#E4002B !important; }

/* Single scrollbar + sticky footer — the SDK scrolls BOTH the modal and the
   inner detail panel (double scrollbar). Collapse the inner panel's own scroll
   so only the modal scrolls, and pin the footer to the bottom of the dialog. */
html body .cmp-modal .cmp-tabs__content{ overflow:visible !important; max-height:none !important; }
html body .cmp-modal .cmp-modal__footer{ position:sticky !important; bottom:0 !important; z-index:5 !important; }

/* revoke-consent floating button */
html body .cmp-revoke-consent{ background-color:#E4002B !important; color:#ffffff !important; }
html body .cmp-revoke-consent:hover{ background-color:#B80023 !important; }

/* ---- GPC (Global Privacy Control) flyout -------------------------------- */
html body .f-gpc-banner{ background-color:#ffffff !important; color:#12141C !important; border-top:4px solid #E4002B !important; }
html body .f-gpc-banner .f-banner-header span{ color:#12141C !important; font-weight:800 !important; }
html body .f-gpc-banner .f-banner-header svg path{ fill:#E4002B !important; }
html body .f-gpc-banner .f-banner-body-text{ color:#3f434d !important; }
html body .f-gpc-banner .f-banner-link a,
html body .f-gpc-banner .f-banner-link .f-cmp-cookie-pref-tab{ color:#E4002B !important; }
html body .f-gpc-banner button{ background-color:#E4002B !important; color:#ffffff !important; border:2px solid #E4002B !important; border-radius:9999px !important; font-weight:800 !important; }
html body .f-gpc-banner .f-banner-close-btn,
html body .f-gpc-banner .f-banner-close-btn svg path{ color:#12141C !important; fill:#12141C !important; }
html body .f-gpc-flyout{ background-color:#E4002B !important; }
html body .f-gpc-flyout .f-gpc-logo path{ fill:#ffffff !important; }