/* The cookie notice (partials/consent_bar.html): a slim bar along the bottom, never a modal and
   never over the page for good — the page gets the bar's height as bottom padding, and the
   support chat button moves up above it. Accept and Reject look exactly alike on purpose.
   Only loaded when CONSENT_MODE is eea or global. */
.cx-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(11, 17, 32, .96); border-top: 1px solid var(--line3); box-shadow: 0 -12px 32px rgba(0, 0, 0, .35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.cx-consent[hidden] { display: none; }
.cx-consent-in { max-width: 1200px; margin: 0 auto; padding: 12px 32px; display: flex; align-items: center; gap: 12px 24px; }
.cx-consent p { flex: 1; margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--fg3); }
.cx-consent a { color: var(--a300); text-decoration: underline; text-underline-offset: 2px; }
.cx-consent a:hover { color: var(--a200); }
.cx-consent-btns { flex: none; display: flex; gap: 8px; }
.cx-consent .btn { min-width: 96px; border-color: var(--line3); }

html.cx-consent-open body { padding-bottom: var(--consent-h, 0px); }
html.cx-consent-open #cantai-chat-launcher { bottom: calc(24px + var(--consent-h, 0px)); }
html.cx-consent-open #cantai-chat-panel { bottom: calc(92px + var(--consent-h, 0px)); max-height: calc(100vh - 130px - var(--consent-h, 0px)); }
/* The phones' price dock (site.css, .cx-dock) waits while the notice is up: two bars would take
   a fifth of the screen. These win over its !important lifts by being more specific. */
html.cx-consent-open .cx-dock { display: none; }
html.cx-consent-open body.cx-docked #cantai-chat-launcher { bottom: calc(24px + var(--consent-h, 0px)) !important; }
html.cx-consent-open body.cx-docked #cantai-chat-panel { bottom: calc(92px + var(--consent-h, 0px)) !important; max-height: calc(100vh - 130px - var(--consent-h, 0px)); }

@media (max-width: 640px) {
    .cx-consent-in { flex-direction: column; align-items: stretch; gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); }
    .cx-consent p { font-size: 13px; }
    .cx-consent-btns .btn { flex: 1; }
}

/* "Cookie settings" in the footer: a button that looks like the links around it. */
.cx-foot .cookie-settings { padding: 0; border: 0; background: none; font: inherit; color: var(--fg3); text-align: left; cursor: pointer; transition: color .15s; }
.cx-foot .cookie-settings:hover { color: var(--fg); }