/* =========================
   BANDEAU COOKIES
========================== */
#cookie-banner {
    width: 100%;
    font-size: 0.95rem;
    background-color: #4a86e8 !important; /* fond bleu */
    color: #fff;
    padding: 0.8rem 0;
}

#cookie-banner .row {
    align-items: center;
    flex-wrap: wrap; /* permet au texte et boutons de passer sur plusieurs lignes si besoin */
}

#cookie-banner .col-text {
    flex: 1 1 100%; /* prend toute la largeur sur mobile */
    text-align: center;
    margin-bottom: 0.5rem;
}

#cookie-banner .col-buttons {
    flex: 1 1 100%;
    text-align: center;
}

#cookie-banner .btn {
    min-width: 90px;
    font-size: 0.85rem;
    padding: 0.35rem 0.7rem;
    margin: 0.2rem;
}

/* Couleurs des boutons */
#cookie-banner .btn-success { background-color: #28a745; border-color: #28a745; }
#cookie-banner .btn-danger { background-color: #dc3545; border-color: #dc3545; }
#cookie-banner .btn-secondary { background-color: #6c757d; border-color: #6c757d; }

/* Responsive pour mobile */
@media (max-width: 576px) {
    #cookie-banner .col-text {
        order: 1; /* texte en haut */
    }
    #cookie-banner .col-buttons {
        order: 2; /* boutons en dessous du texte */
        flex: 1 1 100%;
    }
    #cookie-banner .btn {
        font-size: 0.85rem;
        padding: 0.4rem 0.7rem;
        min-width: auto; /* largeur auto pour s'adapter au contenu */
    }
}