/* ============================================================
   Spoilery — assets/css/site-notice.css
   Cartella: /assets/css/
   Avviso cookie (caricato solo finché l'avviso non viene chiuso).
   Nome neutro apposta: i blocchi pubblicità e cookie dei browser bloccano i file
   chiamati "cookie-banner" e l'avviso restava aperto senza poterlo chiudere.
   ============================================================ */

.st-cookie {
    position: fixed;
    left: 50%;
    bottom: calc(16px + var(--st-safe-bottom));
    z-index: 1080;
    display: flex;
    align-items: center;
    gap: .9rem;
    width: min(680px, calc(100% - 24px));
    padding: .9rem 1rem .9rem 1.1rem;
    background: var(--st-raised);
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .6);
    transform: translateX(-50%);
    font-size: .9rem;
}
.st-cookie > .bi { color: var(--st-spoiler); font-size: 1.3rem; flex-shrink: 0; }
.st-cookie p { margin: 0; flex: 1 1 auto; color: #D4D4D8; }
.st-cookie .btn { flex-shrink: 0; }
.st-cookie.is-hiding { opacity: 0; transform: translate(-50%, 12px); transition: opacity .2s ease, transform .2s ease; }

/* Sopra la barra inferiore dell'app su mobile */
@media (max-width: 767.98px) {
    .st-layout-app .st-cookie { bottom: calc(var(--st-bottomnav-h) + var(--st-safe-bottom) + 10px); }
    .st-cookie { flex-wrap: wrap; gap: .6rem .9rem; padding: .75rem .9rem; font-size: .84rem; }
    .st-cookie p { flex-basis: calc(100% - 2.5rem); }
    .st-cookie .btn { margin-left: auto; }
}

/* Spazio in fondo alla pagina mentre l'avviso è aperto: si può sempre scorrere fino all'ultimo elemento */
.st-cookie-spacer { display: block; width: 100%; pointer-events: none; }