/* ==========================================================================
   Dimensionnement des icones SVG inline (Bootstrap Icons)
   --------------------------------------------------------------------------
   La webfont Bootstrap Icons (130 Ko) n'est plus chargee : les icones sont
   inlines en SVG via includes/icons.php. Sans cette regle, un SVG sans
   attributs width/height s'afficherait a sa taille intrinsèque ( immense).
   ========================================================================== */

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    flex: none;
}

/* Variantes de taille */
.bi-lg { font-size: 1.25em; }
.bi-sm { font-size: .875em; }

/* Respect du mode sombre / couleur du texte */
.bi { fill: currentColor; }

/* ------------------------------------------------------------------
   Icone + libelle du menu sur la meme ligne
   ------------------------------------------------------------------
   Quand la fenetre est trop etroite pour le menu, les liens se
   compressent et le libelledescend sous l'icone. Ces regles empechent
   ce decalage (icone et libelle restent alignes horizontalement).
   ------------------------------------------------------------------ */
.navbar-nav .nav-item {
    flex: 0 0 auto;
}

.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.navbar-nav .nav-link > svg,
.navbar-nav .dropdown-item > svg,
.navbar-nav .nav-link > i,
.navbar-nav .dropdown-item > i {
    flex: 0 0 auto;
    display: inline-block;
    line-height: 1;
}

.navbar-nav .nav-link > svg,
.navbar-nav .dropdown-item > svg {
    width: 1em;
    height: 1em;
}

/* ------------------------------------------------------------------
   Mode compact du menu entre 1200 et 1299 px
   ------------------------------------------------------------------
   Sous 1200 px le menu se replie en bouton burger (navbar-expand-xl).
   Entre 1200 et 1299 px la barre est complete mais juste : on resserre
   les marges et la taille du texte pour que rien ne soit coupe.
   ------------------------------------------------------------------ */
@media (min-width: 1200px) and (max-width: 1299.98px) {
    .navbar > .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-brand {
        font-size: .95rem !important;
        margin-right: .35rem !important;
    }

    .navbar-nav .nav-link {
        padding: .4rem .35rem !important;
        font-size: .84rem !important;
        gap: 4px;
    }

    .navbar-nav .nav-item {
        margin-right: 0 !important;
    }
}