/* style.css */
.cookie-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:36rem;margin:0 auto;z-index:1000}

@media (max-width: 767px) {
    dialog > article {
        width: 100%;
        max-width: none;
        height: 100dvh;
        max-height: none;
        margin: 0;
        border-radius: 0;
    }
}

/* Empêche le fond de défiler quand une modale est ouverte */
html:has(dialog[open]) { overflow: hidden; }

/* Menu du haut */
.menu-top { margin-bottom: 0; }
.menu-top a[aria-current="page"] { font-weight: 700; text-decoration: underline; padding-inline-end: .5rem; padding-inline-start: .5rem; }
.menu-top a[aria-current="Menu principal"] { font-weight: 700; text-decoration: underline; }
.menu-top .has-unread { color: var(--pico-del-color); }
.menu-burger summary::after { display: none; }   /* retire la flèche Pico */
.menu-burger summary { margin-bottom: 0; }
@media (max-width: 576px) { .menu-top { display: none; } }

/* Header qui se replie au scroll */
#headerid { position: sticky; top: 0; z-index: 100; background: var(--pico-background-color); transition: top .2s; }
#headerid.is-scrolled { top: -2.5rem; }   /* à ajuster à la hauteur de ton titre */

/* Burger (menu.nav.php) */
.menu-burger ul { min-width: 15rem; }
.menu-burger i { margin-right: .5rem; }
.menu-burger hr { margin: .25rem 0; }
.menu-label { font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; opacity: .6; }
.flag { padding-inline: 1rem; margin-inline-end: 1rem; }   /* remplace px-3 me-3 */

/* Barre du bas (menu.mobile.php) */
nav.menu-mobile { display: none; }
@media (max-width: 576px) {
    nav.menu-mobile {
        display: block;
        position: fixed; right: 0; bottom: 0; left: 0; z-index: 100;
        background: var(--pico-background-color);
        border-top: 1px solid var(--pico-muted-border-color);
        padding-bottom: env(safe-area-inset-bottom);
    }
    nav.menu-mobile ul { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; }
    nav.menu-mobile li { padding: 0; text-align: center; }
    nav.menu-mobile a { display: block; padding: .75rem 0; font-size: 1.4rem; }
    nav.menu-mobile a.has-unread { color: var(--pico-del-color); }
    body { padding-bottom: 4.5rem; }       /* la barre ne masque plus le bas de page */
    .cookie-banner { bottom: 5rem; }       /* le bandeau cookies passe au-dessus de la barre */
}

.site-title { margin: 0; padding-block: .5rem; font-size: 1.5rem; font-weight: 700; text-align: center; }
.site-title a { text-decoration: none; }
#headerid.is-scrolled { top: -3rem; }   /* remplace la valeur précédente, à ajuster à la hauteur du titre */

.theme-toggle { position: absolute; top: .35rem; right: 1rem; width: auto; margin: 0; padding: .35rem .6rem; }