/*
 * PH-UI-STICKY-BANNER (09/10/2026, décision de Philippe 1a) — le BANDEAU du haut reste collé en haut de l'écran quand on descend : « Aide / signaler » y vit, et la capture jointe photographie la fenêtre visible.
 * Chargé par les quatre gabarits connectés : _Layout, _WorkspaceLayout (via _Navbar), _LayoutEquest, _LayoutEquestPublic. La landing (_LandingLayout) n'en fait PAS partie (track Promo).
 *
 * UNE SEULE VARIABLE pour la hauteur : --ph-banner-h, définie ICI et nulle part ailleurs. Elle inclut la zone sûre des iPhone (env(safe-area-inset-top)). Tout ce qui colle en haut se cale dessous avec elle :
 * la colonne de droite du plan et la rangée de pastilles de la Structure (ph-structure.css), la fiche « sources » de la recherche (Search/Index), le panneau d'aide (_SupportWidget). Les ancres, focus et
 * scrollIntoView respectent aussi le bandeau (scroll-padding-top) : un élément ne finit jamais caché dessous.
 * Hauteur FIXE (60 px + zone sûre ; hauteurs naturelles mesurées avant : 56 à 59 px), sur une ligne à toutes les largeurs : le logo, le « ? » et l'icône du compte tiennent dedans ; la variable dit donc VRAI.
 */
:root { --ph-banner-h: calc(60px + env(safe-area-inset-top, 0px)); }
html { scroll-padding-top: var(--ph-banner-h); }

/* <header> n'est qu'un conteneur : sans boîte propre, le bandeau colle contre le <body> (le contenu défile dessous) et non contre un <header> qui ne ferait que sa hauteur. */
body > header { display: contents; }

/* 1035 et non 1030 : la <nav> crée un contexte d'empilement, donc le panneau d'aide (z-index 1035, DANS la nav) se compare aux autres éléments de la page avec la valeur de la nav. À 1030, les boutons flottants (1030, venus après dans le DOM) étaient peints par-dessus le panneau, donc sur « Envoyer » ou le mini-micro. */
.navbar.ph-banner {
  position: sticky; top: 0; z-index: 1035;          /* au-dessus du contenu, du rail ET des boutons flottants (micro global, envoi de fichier : 1030) ; SOUS le fond des fenêtres modales (1040), le tiroir de navigation (1045) et les fenêtres modales (1055) */
  box-sizing: border-box; height: var(--ph-banner-h);
  padding-block: env(safe-area-inset-top, 0px) 0;
}
.navbar.ph-banner > .container, .navbar.ph-banner > .container-fluid { height: 100%; }
.navbar.ph-banner .navbar-brand { padding-block: 0; }