.navbar-toggler {
    border: none;
    transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler:focus {
    box-shadow: none;
}

/*
 * FBF-1244 : la navbar admin contient trop de liens pour tenir sur les
 * breakpoints Bootstrap standards (navbar-expand-lg bascule dès 992px et la
 * mise en page casse). On réimplémente manuellement le comportement de
 * `.navbar-expand-{breakpoint}` de Bootstrap avec un seuil personnalisé de
 * 1500px, piloté par la classe `.navbar-expand-custom` (voir
 * templates/layout/navbar.html.twig).
 *
 * En dessous de 1500px : menu collapse/hamburger (comportement mobile natif
 * de Bootstrap, inchangé).
 * À partir de 1500px : navigation affichée en ligne, comme un navbar-expand-lg
 * classique.
 *
 * La classe utilitaire `mb-2` posée sur le `.navbar-nav` (marge basse en
 * affichage mobile/collapse) est neutralisée à partir de 1500px ci-dessous,
 * à la place de l'utilitaire responsive `mb-lg-0` de Bootstrap qui ne colle
 * pas au breakpoint custom.
 */

@media (min-width: 1500px) {
    .navbar-expand-custom {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
        margin-bottom: 0;
    }

    .navbar-expand-custom .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-custom .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}

/* .container-fluid {
    max-height: 92px;
} */

#navbar {
    background: white;
    min-height: 80px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

#navbar .navbar-brand {
    padding: 0px;
    margin-left: 40px;
}

#navbar .navbar-brand img {
    height: 80px;
}

.navbar-notif {
    bottom: 34px;
    right: -16px;
    color: white !important;
}

/*
 * FBF-1244 : en dessous de 1500px, les liens sont empilés verticalement dans
 * le menu déroulant (hamburger). On leur donne un espacement confortable au
 * lieu de la ligne de 80px pensée pour l'affichage en une seule ligne.
 */
.navbar .nav-link {
    padding: 0.75rem 0;
}

.navbar-collapse {
    padding-bottom: 0.5rem;
}

/* Étire les items sur toute la largeur (au lieu du centrage hérité de
   .align-items-center) pour un menu déroulant lisible, avec des séparateurs
   pleine largeur entre les liens. */
.navbar-collapse .navbar-nav {
    align-items: stretch;
}

.navbar-collapse .nav-item {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.navbar-collapse .nav-item:first-child {
    border-top: 0;
}

@media (min-width: 1500px) {
    #navbar {
        line-height: 80px;
    }

    .navbar .nav-link {
        padding: 0;
    }

    .navbar-collapse {
        padding-bottom: 0;
    }

    .navbar-collapse .navbar-nav {
        align-items: center;
    }

    .navbar-collapse .nav-item {
        border-top: 0;
    }
}

@media (min-width: 576px) {
    #navbar-search-input {
        display: flex;
    }

    #navbar-search-modal {
        display: none;
    }
}

@media (min-width: 1500px) {
    #navbar-search-input {
        display: none;
    }

    #navbar-search-modal {
        display: flex;
    }
}

@media (min-width: 1600px) {
    #navbar-search-input {
        display: flex;
    }

    #navbar-search-modal {
        display: none;
    }
}