/* =====================================================================
   Barre de navigation uniforme — modèle : index.html
   Fichier généré par navigation_finale.py : modifier ici pour toutes les pages.
   ===================================================================== */

/* Contour doré du logo, sans changer sa taille */
header .navbar .logo img { box-shadow: 0 0 0 1px #C69C4D; }

/* Sélecteur de langue : drapeau dans le cadre de l'ancien bouton « FR ».
   Le texte « FR » reste présent mais invisible : il donne au cadre exactement
   la taille de l'ancien bouton ; le drapeau remplit le cadre. */
header .nav-links a.lang-switch.lang-switch--drapeau {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-origin: padding-box !important;
    background-clip: padding-box !important;
    overflow: hidden;
}
header .nav-links a.lang-switch.lang-switch--drapeau-en { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" preserveAspectRatio="xMidYMid slice"%3E%3CclipPath id="s"%3E%3Cpath d="M0,0v30h60V0z"/%3E%3C/clipPath%3E%3CclipPath id="t"%3E%3Cpath d="M30,15h30v15zv15H0zH0V0zV0h30z"/%3E%3C/clipPath%3E%3Cg clip-path="url(%23s)"%3E%3Cpath d="M0,0v30h60V0z" fill="%23012169"/%3E%3Cpath d="M0,0L60,30M60,0L0,30" stroke="%23fff" stroke-width="6"/%3E%3Cpath d="M0,0L60,30M60,0L0,30" clip-path="url(%23t)" stroke="%23C8102E" stroke-width="4"/%3E%3Cpath d="M30,0v30M0,15h60" stroke="%23fff" stroke-width="10"/%3E%3Cpath d="M30,0v30M0,15h60" stroke="%23C8102E" stroke-width="6"/%3E%3C/g%3E%3C/svg%3E') !important; }
header .nav-links a.lang-switch.lang-switch--drapeau-fr { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2" preserveAspectRatio="none"%3E%3Cpath fill="%23002395" d="M0 0h1v2H0z"/%3E%3Cpath fill="%23fff" d="M1 0h1v2H1z"/%3E%3Cpath fill="%23ED2939" d="M2 0h1v2H2z"/%3E%3C/svg%3E') !important; }
html body header .nav-links a.lang-switch.lang-switch--drapeau .lang-gabarit,
html body header .nav-links a.lang-switch.lang-switch--drapeau:hover .lang-gabarit {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}
header .nav-links a.lang-switch.lang-switch--drapeau:hover,
header .nav-links a.lang-switch.lang-switch--drapeau:focus-visible { box-shadow: 0 0 0 1px #C69C4D; }

/* Groupes de la sous-barre : transparents pour la mise en page hors PC */
header .sub-navbar .subnav-contact,
header .sub-navbar .subnav-social { display: contents; }

@media (min-width: 1501px) {
    /* La liste devient transparente pour la mise en page : le logo et le sélecteur de langue
       prennent chacun une part égale de chaque côté, ce qui place les rubriques exactement
       au centre, avec 40 px d'écart. */
    header .navbar { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 40px; }
    header .navbar > .nav-links { display: contents !important; }
    header .navbar > .logo { flex: 1 1 0 !important; min-width: 0; margin: 0 !important; align-self: center; display: flex !important; align-items: center; line-height: 0; }
    header .navbar > .nav-links > li.nav-li-lang { flex: 1 1 0 !important; min-width: 0; margin: 0 !important; align-self: center; display: block !important; text-align: right !important; }
    header .navbar > .hamburger,
    header .navbar > .navbar-brand-mobile { display: none !important; }

    /* Sous-barre : coordonnées et agences exactement au centre (deux zones égales de part et d'autre) */
    header .sub-navbar::before { content: ""; flex: 1 1 0; min-width: 0; }
    header .sub-navbar .subnav-contact { flex: 0 0 auto; display: flex; align-items: center; gap: 20px; white-space: nowrap; }
    header .sub-navbar .subnav-social { flex: 1 1 0; min-width: 0; display: block; }
}

/* ACR-DRAPEAU-LOGO:DEBUT — généré par drapeau_comme_logo.py, ne pas modifier à la main */
/* Le drapeau = copie conforme du logo : mêmes dimensions, même arrondi,
   même contour doré, placé en miroir à droite. Les mesures exactes sont
   fournies par js/drapeau-logo.js ; les valeurs ci-dessous ne servent que
   de repli. */
html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau,
html body header.scrolled .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau,
html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau:hover,
html body header.scrolled .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau:hover,
html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau:focus-visible {
    display: inline-block !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    height: var(--acr-drapeau-h, 65px) !important;
    width: var(--acr-drapeau-l, calc(var(--acr-drapeau-h, 65px) * 2112 / 2016)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: var(--acr-drapeau-r, 10px) !important;
    box-shadow: 0 0 0 1px #C69C4D !important;
    background-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-shadow: none !important;
    overflow: hidden !important;
    position: relative;
}
html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau-fr {
    background-size: 100% 100% !important;
}
html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau .lang-gabarit {
    display: none !important;
}
html body header .nav-links > li.nav-li-lang { line-height: 0 !important; }

@media (max-width: 1500px) {
    html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau,
    html body header.scrolled .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau,
    html body header .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau:hover,
    html body header.scrolled .nav-links > li.nav-li-lang a.lang-switch.lang-switch--drapeau:hover {
        height: var(--acr-drapeau-h, 50px) !important;
        width: var(--acr-drapeau-l, calc(var(--acr-drapeau-h, 50px) * 2112 / 2016)) !important;
    }
}

@media (min-width: 1501px) {
    /* Miroir du logo : collé au bord droit, centré verticalement comme lui */
    html body header .navbar > .nav-links > li.nav-li-lang {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        text-align: right !important;
    }
}
/* ACR-DRAPEAU-LOGO:FIN */