/* Header : le menu « Nos services » prend trois formes selon la largeur (maquette services).
     - tres large (>= 1620 px) : les 8 services en liens directs, la page courante soulignee ;
     - 1141 -> 1559 px          : parent « Nos services » + panneau, page courante en evidence ;
     - <= 1140 px               : tiroir du burger (main.js recopie le parent et son panneau).
   Aucun style en ligne (CSP). */
.nav-svc-inline{ display:none; }

/* page courante dans le panneau deroulant et dans le tiroir */
.nav-submenu-panel a[aria-current="page"],
.nav-drawer-child[aria-current="page"]{ background:var(--foam); color:var(--water-dark); font-weight:800; }
.nav-submenu-panel a[aria-current="page"]::after,
.nav-drawer-child[aria-current="page"]::after{ content:'✓'; margin-left:auto; padding-left:12px; color:var(--water); }
/* le parent signale qu'on est dans la rubrique, panneau ferme */
.nav-links button.nav-parent.is-section{ color:var(--water-dark); box-shadow:inset 0 -2px 0 var(--water); }

@media (min-width:1620px){
  header .nav.wrap{ max-width:1800px; }
  .nav-svc-inline{ display:contents; }
  .nav-links button[data-submenu="services"],
  .nav-item-submenu:has(> button[data-submenu="services"]){ display:none; }
  .ci2-header-pill{ display:none; }   /* la pastille redit le ruban du haut : elle cede la place aux 8 liens */
  .nav-links a.nav-svc[aria-current="page"]{ color:var(--water-dark); font-weight:800; border-bottom-color:var(--water); }
}
@media (min-width:1780px){ .ci2-header-pill{ display:inline-flex; } }

/* l'icone maison, page d'accueil : page active (meme codage que les liens de service) */
.nav-links a.nav-home[aria-current="page"]{ color:var(--water-dark); border-bottom-color:var(--water); }
.nav-drawer nav a[aria-current="page"]{ color:var(--water-dark); font-weight:800; }