/* =========================================================
   tete-fixe.css — BRVMH-TETE-FIXE-V2

   La barre des maquettes autonomes defilait avec le contenu :
   ces pages nomment leur barre .tete et ne chargent pas
   pages-communes.css, ou vit la fixation de .m-head.

   On reprend UNIQUEMENT le positionnement. Pas de fond, pas
   d arrondi, pas de flou : le logo, le champ et les deux
   boutons portent deja les leurs, et un fond de plus posait
   une bande sombre par-dessus.
   ========================================================= */

body.rv .tete {
  position: fixed;
  top: 8px;
  left: 20px;
  right: 20px;
  z-index: 60;
  max-width: 440px;
  margin-inline: auto;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Fixee, la barre ne pousse plus le contenu : on reserve sa
   hauteur, sinon le haut de page passe dessous. */
body.rv .ecran { padding-top: 102px; }

@media (max-width: 480px) {
  body.rv .tete { left: 12px; right: 12px; }
}

/* BRVMH-SUBBAR-ACTIVE-V1
   Le <style> des pages masque toutes les sous-barres en dur :
   .nav, .sub-bar, .bh-cache { display: none !important }.
   Le script deplace pourtant la barre du module courant dans
   #m-subbar-slot et lui pose .active — sans exception, elle
   reste invisible et la languette parait vide. */
body.rv #m-subbar-slot .sub-bar.active,
body.rv #m-subbar-slot > .sub-bar {
  display: block !important;
}
body.rv #m-subbar-slot .sub-bar-inner {
  display: flex !important;
  align-items: center;
}

/* BRVMH-SUBBAR-ACTIVE-V2
   Le script ne deplace pas toujours la barre du module dans
   #m-subbar-slot : elle reste a sa place et garde .active.
   La regle precedente, limitee au slot, ne pouvait donc rien.
   On affiche la barre ACTIVE ou qu elle soit, les autres
   restant masquees par le <style> de la page. */
body.rv .sub-bar.active {
  display: block !important;
}
body.rv .sub-bar.active .sub-bar-inner {
  display: flex !important;
  align-items: center;
}



/* BRVMH-SUBBAR-HAUTEUR-V1
   La barre du module est active et affichee mais mesure 0 :
   son conteneur ne lui donne aucune place. On la laisse dans
   le flux, sous la barre du haut, avec sa hauteur propre. */
body.rv #m-subbar-slot {
  display: block !important;
  min-height: 44px;
}
body.rv .sub-bar.active {
  display: block !important;
  min-height: 44px;
}
body.rv .sub-bar.active .sub-bar-inner {
  display: flex !important;
  align-items: center;
  min-height: 44px;
}

/* BRVMH-SUBBAR-PLACE-V2
   Le slot #m-subbar-slot est place en bas du balisage : laissee
   dans le flux, la languette s affichait en pied de page. On la
   fixe sous la barre du haut, dans la meme colonne. */
body.rv #m-subbar-slot {
  position: fixed !important;
  top: 54px !important;
  left: 20px !important;
  right: 20px !important;
  z-index: 59 !important;
  max-width: 440px;
  margin-inline: auto;
}
@media (max-width: 480px) {
  body.rv #m-subbar-slot { left: 12px !important; right: 12px !important; }
}

/* BRVMH-CLOCHE-BODY-V1
   Le <style> des pages masque le corps des panneaux :
   .rl-body, .ml-body, .cloche-body { display: none }.
   Rien ne le retablit a l ouverture, donc le panneau s ouvre
   sur ses cinq notifications sans en montrer aucune. On ne
   l affiche que dans le panneau OUVERT : ailleurs il reste
   masque, comme prevu. */
body.rv #cloche-menu.on .cloche-body {
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

/* BRVMH-CLOCHE-BODY-V1
   Le <style> des pages masque le corps des panneaux :
   .rl-body, .ml-body, .cloche-body { display: none }.
   Rien ne le retablit a l ouverture, donc le panneau s ouvre
   sur ses cinq notifications sans en montrer aucune. On ne
   l affiche que dans le panneau OUVERT : ailleurs il reste
   masque, comme prevu. */
body.rv #cloche-menu.on .cloche-body {
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}