/* SentinelleIA - complements de style pour le header partage et le switch de langue.
   Additif : reutilise les classes existantes (.header .nav .dropdown .dropbtn .dropdown-content). */

/* Le groupe ne modifie pas la mise en page : ses enfants participent au flux de .nav */
.dropdown-group { display: contents; }

/* Etat actif de navigation */
.nav .dropbtn.active,
.nav a.active { color: var(--gold, #FFD700); }

/* CTA dans la barre */
.nav .nav-cta {
  margin-left: .5rem;
  background: #FFD700 !important;
  color: #0D1B60 !important;
  border: 0 !important;
  padding: .5rem .9rem !important;
  border-radius: 8px !important;
  font-weight: 700;
  font-size: .95rem;
  line-height: 1.15;
  text-decoration: none !important;
  white-space: nowrap;
  align-self: center;
  box-shadow: none !important;
}
.nav .nav-cta:hover { background: #ffcf1a !important; color: #0D1B60 !important; }

/* Switch de langue FR / EN */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-left: .75rem;
}
.lang-switch button {
  background: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  color: inherit;
  opacity: .55;
  padding: .15rem .3rem;
  line-height: 1;
  transition: opacity .15s;
}
.lang-switch button:hover { opacity: .85; }
.lang-switch button.active { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.lang-switch .lang-sep { opacity: .4; }

/* Bandeau langue juridique */
.legal-lang-note {
  font-size: .85rem;
  opacity: .8;
  margin: 0 0 1rem;
}

@media (max-width: 900px) {
  .nav .nav-cta { margin-left: 0; }
  .lang-switch { margin-left: .4rem; }
}

/* Header layout : ecart logo <-> menu, CTA + langue pousses a droite */
.header .header-content { gap: 1.75rem; }
.header .nav { flex: 1 1 auto; }
.header .nav .nav-cta { margin-left: auto !important; }