/* * Bandeau de consentement cookies (pages publiques + shell connecte). * * Aucune couleur en dur : uniquement des tokens (--m-*, --color-*) surchargeables * par le theme super-admin. Le masquage apres acceptation se fait via la classe * `cookies-acceptes` posee tres tot sur par cookies-consent.js (pas de * scintillement, pas de JS inline). */ .m-bandeau-cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; justify-content: center; padding: 14px 20px; background: var(--m-bg-soft); border-top: 1px solid var(--m-line); color: var(--m-ink-2); font-size: 0.85rem; } .m-bandeau-cookies__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; width: 100%; max-width: 1100px; } .m-bandeau-cookies__texte { flex: 1 1 320px; line-height: 1.5; margin: 0; } .m-bandeau-cookies__texte a { color: var(--color-primary); text-decoration: underline; } .m-bandeau-cookies__actions { flex: 0 0 auto; } /* * Le bouton "Feedback" (FAB fixed bottom-right, z-index 9998, aligne sur * --fab-right) occupe le coin bas-droit. Sans reservation, le bouton * "J'ai compris" (bord droit du bandeau) se retrouve CACHE dessous. On reserve * donc sa place a droite du bandeau (desktop) : le bouton reste a droite mais * degage le FAB. Sous 561px, le bouton passe en pleine largeur (regle mobile * ci-dessous) et le FAB se replie dans son coin. */ @media (min-width: 561px) { .m-bandeau-cookies { padding-right: 220px; } } /* Une fois le choix memorise, le bandeau ne reapparait plus. */ html.cookies-acceptes .m-bandeau-cookies { display: none !important; } @media (max-width: 560px) { .m-bandeau-cookies { padding: 12px 14px; font-size: 0.8rem; } .m-bandeau-cookies__actions { flex: 1 1 100%; } .m-bandeau-cookies__actions .btn { width: 100%; } }