/* En-tête (thème coreuiv2, Backstrap) : titre « Oeuvre des campagnes » et bouton du menu (☰).
   Demande du développeur (09/10/2026) ; défaut présent depuis Laravel 9. */

/* Titre lisible : le thème le met à 20 % d'opacité (net seulement au survol). On garde son gris. */
.app-header.bg-light .navbar-brand {
    opacity: 1;
}

/* Écran large : le bouton du menu passe devant le titre, comme sur YouTube. Le titre prend
   la largeur de son texte (le thème lui donne 250 px, trop peu : il débordait sur le bouton). */
@media (min-width: 992px) {
    .app-header .sidebar-toggler.d-md-down-none {
        order: -1;
        margin-left: 1rem;
    }

    .app-header.bg-light .navbar-brand {
        width: auto;
        padding: 0;
    }
}

/* Mobile et tablette : le bouton est déjà devant le titre, mais le thème centre le titre, qui
   passait sous la pastille de l'utilisateur. On l'aligne à gauche, juste après le bouton. */
@media (max-width: 991.98px) {
    .app-header .sidebar-toggler.d-lg-none {
        margin-right: 0 !important;
    }

    .app-header.bg-light .navbar-brand {
        position: static;
        width: auto;
        margin-left: 0;
        margin-right: auto;
        padding: 0 0 0 .5rem;
        font-size: 1.2rem;
    }
}