/* ── Header flottant partagé (pilule au scroll, comme la landing) ─────────
   Transparent en haut, se contracte en pilule frostée au scroll.
   À LIER APRÈS le <style> inline de la page pour surcharger son header plein. */

.site-header{position:sticky;top:0;z-index:100;background:transparent;border-bottom:none;transition:padding-top .3s ease;}
.nav{border:1px solid transparent;border-radius:16px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,max-width .3s ease,padding .3s ease;}
.site-header.scrolled{padding-top:10px;}
.site-header.scrolled .nav{
  max-width:980px;margin-left:auto;margin-right:auto;
  background:rgba(13,17,23,0.5);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);
  border-color:rgba(255,255,255,0.05);
  box-shadow:0 8px 24px rgba(0,0,0,0.22);
  padding:9px 22px;
}
/* Au scroll on ne garde que le CTA, Connexion disparait (comme la landing) */
.site-header.scrolled .nav-login{display:none;}