/* consentement.css : le bandeau de consentement (src/components/chrome/Consentement.astro) et le bouton « Cookies » du
   pied (BoutonDesCookies.astro), repris du code du bandeau de Website (lot local pages-legales, code seul ; spec site-astro,
   REQ-10), passés aux jetons de /assets/charte.css. Le script /assets/consentement.js retire `hidden`. Liée par les pages
   qui ont le bandeau, après la feuille de la famille. */

/* Dernier enfant du cadre de la page, après le pied (le cadre lui donne variables, police, interligne) ; fixé en bas à
   gauche, sans voile. */
.pb-consent { position: fixed; left: 2rem; bottom: 2rem; z-index: 400; width: 370px; max-width: calc(100% - 2rem); max-height: calc(100dvh - 2rem); overflow: auto; padding: 1rem 1.2rem; background: var(--white); border: 1px solid var(--ink-10); border-radius: 16px; box-shadow: var(--shadow-lg); }
.pb-consent p { margin: 0 0 1rem; color: var(--ink-70); font-size: .88rem; line-height: 1.5; }
.pb-consent p a { color: var(--teal); text-decoration: underline; }
.pb-consent-actions { display: flex; gap: .5rem; }
.pb-consent-btn { flex: 1; min-height: 44px; padding: 0 1.2rem; color: var(--bouton-contour-texte); background: var(--white); border: 1.5px solid var(--bouton-contour-bordure); border-radius: var(--bouton-rayon); font-family: inherit; font-size: .88rem; font-weight: 500; cursor: pointer; }
.pb-consent-btn:hover { color: var(--bouton-contour-accent); border-color: var(--bouton-contour-accent); }
.pb-cookies { display: block; position: relative; margin: 0 auto 1.5rem; padding: 0 .25rem; color: var(--ink-70); background: none; border: 0; font: inherit; font-size: .82rem; cursor: pointer; }
.pb-cookies[hidden] { display: none; }
.pb-cookies::after { content: ""; position: absolute; inset: -12px 0; }
.pb-cookies:hover, .pb-cookies:focus-visible { text-decoration: underline; }
/* Anneau d'Hugo (pages.css:62-68), que la famille hp n'a pas ; la pilule garde sa forme. */
.pb-consent p a:focus-visible, .pb-consent .pb-consent-btn:focus-visible, .pb-cookies:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; border-radius: 4px; }
.pb-consent .pb-consent-btn:focus-visible { border-radius: var(--bouton-rayon); }
/* Encart ouvert : le pied et le focus passent au-dessus de lui (WCAG 2.4.11) ; 11rem, la carte à 320 px et 1rem. */
:root:has(.pb-consent:not([hidden])) { padding-bottom: 11rem; scroll-padding-bottom: 11rem; }
@media (max-width: 900px) { .pb-consent { left: 1rem; bottom: 1rem; } }
/* Sous 560 px, la réserve du pied hp (celle du sélecteur de langue, blog.css) s'étend à « Cookies » : la pile flottante
   d'Hugo ne le recouvre pas. */
@media (max-width: 560px) { .hp-footer:has(.pb-cookies) { padding-bottom: 8rem; } }