/* ==========================================================================
   Onglets du bas à huit entrées — style minimaliste épuré (14/10/2026)
   --------------------------------------------------------------------------
   Sous 768 px (de 768 à 1 023 px, la barre latérale en icônes reste) :
   Accueil, Cours, Agenda, DS/TD, Docs, Emploi, Stats, Profil
   (templates/student/_mobile_shell.html, classe m-bottomnav--8). Fond des
   cartes, séparateur de 0,5 px en haut, aucune ombre ; icône + texte de
   12 px (11 px sous 380 px, 10 px sous 360 px de large : huit libellés de
   12 px n'y tiennent pas) ; onglet actif à la couleur d'accent ; 64 px de haut, cibles d'au
   moins 44 px de haut. Chargée par base.html avec theme-simple.css. La marge
   du bas de la page vient de --bottomnav-h (student-coque.css).

   !important : theme.css (section 11e) impose fond, couleur et filet de la
   barre et des onglets en !important.
   ========================================================================== */
@media (max-width: 767.98px) {
    html.v-simple body.bs-theme .m-bottomnav--8 {
        display: flex !important;
        align-items: stretch;
        height: calc(64px + var(--safe-bot, 0px));
        padding: 0 2px var(--safe-bot, 0px);
        background: var(--bs-surface) !important;
        border-top: 0.5px solid var(--bs-line) !important;
        box-shadow: none;
    }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab {
        flex: 1 1 0;
        min-width: 0;
        min-height: 44px;
        gap: 4px;
        padding: 8px 0 6px;
        color: var(--bs-sp-inactif, var(--bs-mute)) !important;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.01em;
        transition: color .2s ease;
    }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab svg { width: 20px; height: 20px; }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab.is-active { color: var(--bs-primary-ink) !important; }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab.is-active::before { background: var(--bs-primary) !important; }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab.is-active svg { transform: none; }
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab:focus-visible { outline: 2px solid var(--bs-primary-ink); outline-offset: -2px; }
}
@media (max-width: 379.98px) {
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab { font-size: 11px; letter-spacing: -.02em; }
}
@media (max-width: 359.98px) {
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab { font-size: 10px; letter-spacing: -.03em; }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    html.v-simple body.bs-theme .m-bottomnav--8 .m-tab { transition: none; }
}