/* ===== Barre fixe des pages intérieures (module 91-barre-interieure.php) =====
   Le bloc du haut (logo + piliers + sous-nav) défile avec la page ; une fois sorti, cette
   barre prend le relais : monogramme + 4 piliers, fond blanc ou noir.
   ⚠️ Chargé UNIQUEMENT pour les administrateurs, hors accueil. */

/* 1. Le header ne colle plus : il s'en va avec le bloc du haut. DESKTOP SEULEMENT
      (2026-10-08) : sur tablette / mobile la barre n'existe pas, le header doit rester
      collé comme pour les visiteurs (sinon logo et hamburger disparaissaient au défilement). */
@media (min-width: 901px){
.br-header{ position: relative; }
/* ⚠️ header.css décale le header de la hauteur de la barre d'admin (top:32px) : sans effet
   quand il est sticky, mais en position relative ça le POUSSE de 32px vers le bas, sur la
   nav des piliers (constaté en admin connecté). On annule sauf quand il est collé. */
body.admin-bar .br-header{ top: auto !important; }
/* La bascule wordmark → monogramme n'a plus lieu d'être : le grand logo reste grand. */
.br-header__logo-full{ opacity: 1 !important; }
.br-header__logo-mono{ opacity: 0 !important; }
}

/* 2. La barre. */
.br-ibar{
  position: fixed; left: 0; right: 0; top: 0; z-index: 1001;
  height: 64px; display: flex; align-items: center; gap: 0;
  padding: 0 clamp(20px, 4vw, 56px);
  padding-right: clamp(270px, 25vw, 380px);   /* place laissée aux icônes du header */
  font-family: var(--br-font-body);
  transform: translateY(-100%); transition: transform .35s cubic-bezier(.22,.61,.36,1);
}
body.br-ibar-on .br-ibar{ transform: none; }
body.admin-bar .br-ibar{ top: 32px; }
@media screen and (max-width: 782px){ body.admin-bar .br-ibar{ top: 46px; } }

.br-ibar[data-bar-theme="light"]{ background: var(--br-white, #fff); color: var(--br-black, #000); box-shadow: inset 0 -1px 0 rgba(0,0,0,.12); }
.br-ibar[data-bar-theme="dark"]{ background: #000; color: #fff; box-shadow: inset 0 -1px 0 rgba(255,255,255,.85); }   /* mince filet blanc en bas (client 2026-10-01) */
.br-ibar[data-bar-theme="dark"] .br-ibar__mono img{ filter: invert(1); }   /* disque blanc, B noir */

.br-ibar__mono{ line-height: 0; flex: none; margin-right: clamp(18px, 2.6vw, 40px); }
.br-ibar__mono img{ width: 38px; height: 38px; display: block; }
/* Piliers : écart d'origine, plus large (ils étaient bien ainsi). */
.br-ibar__list{ list-style: none; margin: 0; padding: 0; display: flex; gap: clamp(18px, 2.4vw, 40px); }
/* Piliers à gauche (après le monogramme), Donate + liens secondaires alignés à DROITE,
   comme sur l'accueil. */
.br-ibar__nav{ margin-right: auto; }
/* --bar-gap = l'écart D'ORIGINE des icônes du header (header.css .br-header__actions) :
   Donate et les liens secondaires s'alignent dessus. Les piliers gardent le leur. */
.br-ibar{ --bar-gap: clamp(12px, 1.6vw, 22px); }
.br-ibar__meta{ display: flex; align-items: center; gap: var(--bar-gap); margin-left: auto; }
.br-ibar__links{ list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: var(--bar-gap); }
/* Tout sur la même ligne optique : line-height 1 + centrage, et EN/FR au même corps que
   les liens (sinon décalage de 2-3px entre les textes et les icônes). */
.br-ibar__links a, .br-ibar__donate span{ display: block; line-height: 1; }
body.br-ibar-on .br-header .br-lang{ font-size: 14px; }
body.br-ibar-on .br-header .br-lang__link{ line-height: 1; }
.br-ibar__links a, .br-ibar__donate{ font-family: var(--br-font-body); font-size: 14px; color: inherit; text-decoration: none; }
.br-ibar__links a:hover, .br-ibar__donate:hover{ opacity: .7; }
.br-ibar__donate{ display: inline-flex; align-items: center; gap: 12px; transition: transform .3s ease; }
.br-ibar__donate:hover{ transform: translateX(4px); opacity: 1; }
.br-ibar__arr{ width: clamp(40px, 3.6vw, 56px); height: auto; display: block; flex: none; }
/* Écrans étroits : les liens secondaires sautent (ils restent dans le burger), Donate reste. */
@media (max-width: 1280px){ .br-ibar__links{ display: none; } }
/* Piliers en PP Eiko italique, comme dans la nav de page (header.css .br-pagenav__pillar). */
.br-ibar__item a{ font-family: var(--br-font-display); font-style: italic; font-weight: 300;
  font-size: clamp(17px, 1.3vw, 22px); color: inherit; text-decoration: none; transition: color .2s ease; }
/* Piliers en NOIR ; couleur du pilier au SURVOL et pour le pilier ACTIF (page courante).
   Essai « couleur permanente » annulé le 2026-09-30 à la demande du client. */
.br-ibar__item a:hover, .br-ibar__item.is-active a{ color: var(--c); }
.br-ibar[data-bar-theme="dark"] .br-ibar__item a:hover,
.br-ibar[data-bar-theme="dark"] .br-ibar__item.is-active a{ color: var(--c); filter: brightness(1.45); }

/* 3. Header collé dans la barre (mêmes règles que l'accueil) : hauteur INCHANGÉE pour ne
      pas faire sauter la page, logo masqué sans fondu, icônes remontées dans la bande. */
body.br-ibar-on .br-header{ position: sticky; top: 0; z-index: 1002; }
body.admin-bar.br-ibar-on .br-header{ top: 32px !important; }
@media screen and (max-width: 782px){ body.admin-bar.br-ibar-on .br-header{ top: 46px !important; } }
body.br-ibar-on .br-header__logo{ opacity: 0 !important; pointer-events: none !important; transition: none !important; }
body.br-ibar-on .br-header__actions{ transform: translateY(-22px); }
body.br-ibar-on--dark .br-header .br-iconbtn,
body.br-ibar-on--dark .br-header .br-menu-toggle{ color: #fff; }
body.br-ibar-on--dark .br-header .br-lang__link{ color: rgba(255,255,255,.6); }
body.br-ibar-on--dark .br-header .br-lang__link.is-active{ color: #fff; }

/* 4. Switch admin blanc/noir (aperçu local, comme celui du hero). */
.br-ibar-switch{ position: fixed; right: 16px; bottom: 14px; z-index: 1003; display: flex; align-items: center; gap: 6px;
  padding: 6px 8px; background: #fff; border: 1px solid #000; font-family: var(--br-font-body); font-size: 12px; color: #000; box-shadow: 0 6px 20px rgba(0,0,0,.15); }
.br-ibar-switch__label{ color: #6b6660; }
.br-ibar-switch button{ -webkit-appearance: none; appearance: none; background: #fff; color: #000; border: 1px solid #000; border-radius: 0; padding: 3px 9px; font: inherit; cursor: pointer; line-height: 1.2; }

@media (max-width: 900px){
  .br-ibar{ padding-right: clamp(150px, 42vw, 240px); gap: 14px; }
  .br-ibar__list{ gap: 14px; overflow-x: auto; }
  .br-ibar__item a{ white-space: nowrap; }
}


/* Écrans moyens (2026-10-02) : Donate saute aussi sous 1100px (chevauchement avec les icônes). */
@media (max-width: 1100px){
  .br-ibar__donate{ display: none; }
  .br-ibar__list{ gap: 18px; }
  .br-ibar__item a{ font-size: 18px; }
}