/* ==========================================================================
   Cookie-consent banner — Ovebot.ai brand theming + Cloudflare-style "soft wall".
   Loaded globally (see partials/head.blade.php). Complements the package's own
   styles, which are injected with the banner markup. Selectors are scoped to
   #cookies-policy so they win over the package styles regardless of load order.
   ========================================================================== */

/* ---- Brand overrides — match the site's Inter font + purple accent -------- */
#cookies-policy.cookies {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
#cookies-policy .cookiesBtn--accept .cookiesBtn__link {
    background: #3e1fa3;
    border-color: #3e1fa3;
    color: #fff;
}
#cookies-policy .cookiesBtn--accept .cookiesBtn__link:hover {
    background: #341a89;
}
/* "Save settings" button (inside the customize form) — same brand purple +
   white text as "Accept all" so the label stays readable. */
#cookies-policy .cookies__save .cookiesBtn__link {
    background: #3e1fa3;
    border-color: #3e1fa3;
    color: #fff;
}
#cookies-policy .cookies__save .cookiesBtn__link:hover {
    background: #341a89;
    opacity: 1;
}
#cookies-policy .cookies a {
    color: #3e1fa3;
}

/* ---- "Soft wall" (Cloudflare-style) --------------------------------------
   Until a choice is made, the first interaction with the page dims everything
   and spotlights the consent banner. The backdrop element is created by
   public/js/cookie-consent.js; content bots are exempt (they never trip it). */
.cookies-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(10, 8, 24, .6);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
}
.cookies-backdrop.is-active {
    opacity: 1;
    pointer-events: auto;
}
html.cookies-locked {
    overflow: hidden;
}

/* Keep the banner bright and lifted above the dimmed page. */
#cookies-policy.cookies--wall {
    z-index: 9999;
    animation: cookies-nudge .4s ease;
}
#cookies-policy.cookies--wall .cookies__alert {
    box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
    border-radius: 12px;
}
@keyframes cookies-nudge {
    0%, 100% { transform: translateY(0); }
    40%      { transform: translateY(-6px); }
}