/* ============================================================
   Bandeau cookies — A Box IT
   Reprend la palette « papier / encre / cuivre » de style.css
   ============================================================ */

.cookie-banner{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:3100;               /* au-dessus de la navbar et de l'overlay de lancement (3000) */
    background:var(--paper, #fffffc);
    border-top:2px solid var(--ink, #161652);
    box-shadow:0 -8px 24px rgba(0,0,0,.14);
    transform:translateY(110%);
    transition:transform .25s ease;
}

.cookie-banner.is-visible{ transform:translateY(0); }

.cookie-banner__inner{
    max-width:1140px;
    margin:0 auto;
    padding:1rem 1.25rem;
    display:flex;
    align-items:center;
    gap:1.25rem;
}

.cookie-banner__text{
    flex:1 1 auto;
    font-size:.9rem;
    line-height:1.5;
    color:var(--ink-soft, #171717);
}

.cookie-banner__title{
    margin:0 0 .25rem;
    font-weight:700;
    color:var(--ink, #161652);
}

.cookie-banner__actions{
    flex:0 0 auto;
    display:flex;
    gap:.5rem;
}

.cookie-banner__actions .btn{ white-space:nowrap; }

@media (max-width: 767.98px){
    .cookie-banner__inner{
        flex-direction:column;
        align-items:stretch;
        gap:.85rem;
        padding:1rem;
    }
    .cookie-banner__actions .btn{ flex:1 1 0; }
}

@media (prefers-reduced-motion: reduce){
    .cookie-banner{ transition:none; }
}

/* Le widget Turnstile est centré sous les champs du formulaire de contact. */
.turnstile-wrapper{
    display:flex;
    justify-content:center;
}