/* 4.10. Page d'erreur (404) - Layout
   ─────────────────────────────────────
   Objectif : tout contenir dans le viewport, sans scrollbar,
   avec header fonctionnel + footer visible.
*/

/* Pas de scrollbar-gutter réservé sur la page 404 */
html:has(body.error404) {
    scrollbar-gutter: auto;
    overflow: hidden;
}

/* Viewport fixe, pas de scrollbar */
body.error404 {
    height: 100vh;
    min-height: 0; /* Override base min-height: 100vh */
    overflow: hidden;
}

/* Admin bar desktop (32px) */
body.admin-bar.error404 {
    height: calc(100vh - 32px);
}

/* Admin bar mobile (46px) */
@media screen and (max-width: 782px) {
    body.admin-bar.error404 {
        height: calc(100vh - 46px);
    }
}

/* Contenu principal : chaîner le flex pour remplir l'espace */
body.error404 .site-content {
    display: flex;
    flex-direction: column;
    padding-top: 0; /* Pas de pagination sticky sur la 404 */
}

body.error404 .content-container {
    flex: 1;
    display: flex;
    min-height: 0;
}

/* Error page : fond et alignement central */
body.error404 .error-page {
    flex: 1;
    width: 100%;
    position: relative;
    background: radial-gradient(circle, #240015 0%, #12000b 100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 0;   /* Override responsive min-height: 100vh (max-768.css) */
    padding-top: 0;  /* Override responsive padding-top: 150px (max-768.css) */
}

/* Footer collé en bas sans marge auto */
body.error404 .site-footer {
    margin-top: 0;
    flex-shrink: 0;
}

/* Masquer le bouton scroll-to-top sur la 404 */
body.error404 #scroll-top-btn {
    display: none;
}