/*
 * Bandeau de consentement : mise en page et palette du site.
 *
 * Chargé APRÈS vendor/cookie-consent/style.css, dans la vue publiée
 * resources/views/vendor/cookie-consent/cookies.blade.php. Ce fichier
 * appartient au projet et vit hors de public/vendor/cookie-consent/, qui est
 * recopié depuis le paquet à chaque mise à jour : y écrire nos surcharges les
 * ferait disparaître au premier `composer update`.
 *
 * Deux raisons à ces surcharges. Le paquet pose une carte de 22em ancrée en bas
 * à droite avec 4% de marge : sur mobile elle couvrait le tiers bas du premier
 * écran, donc la maquette WhatsApp sur la home et la première offre sur
 * /tarifs, les deux éléments qui font comprendre et vendre le produit. Et ses
 * boutons sont violets (#7959ef), couleur absente du reste du site.
 *
 * Les deux boutons gardent STRICTEMENT le même poids visuel : c'est ce que
 * demande la CNIL, et le paquet le faisait déjà bien. Refuser ne doit pas être
 * plus difficile à voir ou à viser qu'accepter. L'accent vert est réservé au
 * lien « Personnaliser », qui n'est pas un des deux choix.
 *
 * Sélecteurs préfixés par #cookies-policy pour égaler la spécificité du paquet.
 */

/* Barre pleine largeur ancrée en bas, au lieu d'une carte flottante. */
#cookies-policy.cookies {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
}

#cookies-policy .cookies__alert {
    margin: 0;
    width: 100%;
    max-width: 100%;
    max-height: 80vh;
    border: 0;
    border-top: 1px solid #e5e7eb;
    border-radius: 0;
    /* Ombre portée vers le haut : la barre est en bas, la lumière vient du bas. */
    box-shadow: 0 -8px 24px -12px rgba(0, 0, 0, 0.15);
}

/* Une seule ligne sur grand écran : texte à gauche, boutons à droite. */
#cookies-policy .cookies__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2rem;
    max-width: 80rem;
    margin: 0 auto;
    padding: 1rem 1.5rem;
}

#cookies-policy .cookies__title {
    flex: 0 0 auto;
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #111827;
}

#cookies-policy .cookies__intro {
    flex: 1 1 18rem;
    margin: 0;
    font-size: 0.875rem;
    /* #6b7280 sur blanc : 4,8:1, au-dessus du minimum de 4,5:1. */
    color: #4b5563;
}

#cookies-policy .cookies__intro p {
    margin: 0;
}

/* Boutons côte à côte, largeur dictée par le contenu et non par la carte. */
#cookies-policy .cookies__actions {
    flex: 0 0 auto;
    flex-direction: row;
    gap: 0.75rem;
    margin-top: 0;
}

#cookies-policy .cookiesBtn {
    width: auto;
}

/* Les deux boutons sont identiques. Fond gris-noir de la marque, texte blanc :
   16,1:1, très au-delà du minimum. Le vert WhatsApp est écarté ici, il ne donne
   que 1,98:1 avec du blanc. */
#cookies-policy .cookiesBtn__link {
    background: #111827;
    border-color: #111827;
    border-radius: 0.5rem;
    padding: 0.625rem 1.125rem;
    font-size: 0.875rem;
    white-space: nowrap;
}

#cookies-policy .cookiesBtn__link:hover,
#cookies-policy .cookiesBtn__link:focus {
    background: #1f2937;
    border-color: #1f2937;
    opacity: 1;
}

#cookies-policy .cookiesBtn__link:focus-visible {
    outline: 2px solid #128c7e;
    outline-offset: 2px;
}

/* « Personnaliser » n'est pas un des deux choix : il porte l'accent de marque.
   #128c7e sur blanc donne 4,6:1, contrairement au vert clair de la marque. */
#cookies-policy .cookies__btn--customize {
    justify-content: center;
    padding: 0.5rem 1.5rem 0.75rem;
    font-size: 0.8125rem;
    color: #128c7e;
}

#cookies-policy .cookies__btn--customize svg path {
    fill: #128c7e;
}

/* Le panneau détaillé reste lisible sur une barre pleine largeur. */
#cookies-policy .cookies__sections {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

#cookies-policy .cookies__save {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.5rem 1rem;
}

/* Sous 48em, le texte et les boutons s'empilent, et les boutons reprennent
   toute la largeur : plus faciles à viser au pouce. */
@media (max-width: 48em) {
    #cookies-policy .cookies__wrapper {
        display: block;
        padding: 0.875rem 1.25rem;
    }

    #cookies-policy .cookies__title {
        font-size: 0.9375rem;
    }

    #cookies-policy .cookies__intro {
        margin-top: 0.25rem;
    }

    #cookies-policy .cookies__actions {
        flex-direction: row;
        margin-top: 0.875rem;
    }

    #cookies-policy .cookiesBtn {
        flex: 1 1 0;
    }

    #cookies-policy .cookiesBtn__link {
        width: 100%;
        text-align: center;
        /* 44px de haut : cible tactile recommandée. */
        padding: 0.75rem 0.75rem;
    }
}

/* Reste du violet du paquet dans le panneau déplié : l'interrupteur d'une
   catégorie active, les liens « Plus d'informations » et les liens de l'intro.
   #128c7e donne 4,6:1 sur blanc, le vert clair de la marque seulement 1,98:1. */
#cookies-policy .cookies__category input:checked + .cookies__box:after {
    background: #128c7e;
}

#cookies-policy .cookies__details,
#cookies-policy .cookies__details:hover,
#cookies-policy .cookies__details:focus,
#cookies-policy .cookies__intro a:hover,
#cookies-policy .cookies__intro a:focus {
    color: #128c7e;
}