/* Styles personnalisés pour le site website-32 */

/* Entrée courante du menu déroulant : Porto ne prévoit qu'un fond #f8f9fa,
   invisible sur blanc. On reprend le rouge du premier niveau. */
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a {
    color: var(--primary);
    font-weight: 600;
}

/* Menu principal : libellés tels que saisis en back-office.
   Porto force uppercase par défaut et ne propose que capitalize en alternative. */
#header .header-nav-main nav > ul > li > a {
    text-transform: none;
}

/* Logo : le header sticky se réduit à 70px (stickyHeaderContainerHeight),
   le logo de 80px débordait. On le réduit avec la même transition. */
#header .header-logo img {
    height: 80px;
    top: -5px;
    transition: height 0.3s ease;
}

html.sticky-header-active #header .header-logo img {
    height: 48px;
}

/* Marges verticales du logo (1rem par défaut) : trop hautes pour la barre
   réduite, on les resserre pour rester sous les 70px. */
html.sticky-header-active #header .header-logo {
    margin: 8px 0;
    margin: 0.5rem 0;
}