/* =====================================================================
   Braillard — Header « caméléon » : couleur claire au-dessus des
   sections sombres (classe .is-on-dark posée par header-theme.js).
   ===================================================================== */

/* Overlay du menu : décaler sa barre d'icônes (langue, recherche, X…) du haut. */
.br-overlay{ padding-top: 70px; }

/* Transitions douces (on conserve les transitions existantes des logos + on ajoute filter) */
.br-header__logo-full{ transition: opacity .45s cubic-bezier(.4,0,.2,1), filter .35s ease; }
.br-lang__link,
.br-iconbtn,
.br-menu-toggle{ transition: color .35s ease; }

/* Au-dessus d'un fond sombre, par zone (le logo et les actions peuvent être sur
   des fonds différents). Le monogramme garde son apparence d'origine — pas de filtre. */
.br-header.logo-on-dark .br-header__logo-full{ filter: brightness(0) invert(1); }
.br-header.actions-on-dark .br-lang__link{ color: rgba(255, 255, 255, .6); }
.br-header.actions-on-dark .br-lang__link.is-active{ color: var(--br-white); }
.br-header.actions-on-dark .br-iconbtn,
.br-header.actions-on-dark .br-menu-toggle{ color: var(--br-white); }
