/* Menu du haut : survol lisible, ouverture en fondu (façon Circle) */

/* Neutralise la pastille bleu clair générique des boutons */
body > header .pm-trigger:hover { background:none; border-color:transparent; }

/* Pastille discrète derrière chaque entrée */
body > header .site-nav .pm-trigger,
body > header .site-nav > a { position:relative; isolation:isolate; }
body > header .site-nav .pm-trigger::before,
body > header .site-nav > a::before {
  content:""; position:absolute; inset:-7px -11px; z-index:-1;
  border-radius:8px; background:transparent; transition:background-color .15s ease;
}
body > header .site-nav .pm-trigger:hover::before,
body > header .site-nav > a:hover::before,
body > header .site-nav .pm-trigger[aria-expanded="true"]::before { background:rgba(16,24,40,.06); }

/* Sur le fond bleu de l'accueil (menu fermé, en haut de page) */
body.space-home-active:not(.pm-open) > header:not([data-solid="true"]) .site-nav .pm-trigger:hover::before,
body.space-home-active:not(.pm-open) > header:not([data-solid="true"]) .site-nav > a:hover::before { background:rgba(255,255,255,.16); }

/* « Se connecter » : même pastille */
body > header .nav-wrap .login-button { border-radius:8px; transition:background-color .15s ease, color .22s ease; }
body > header .nav-wrap .login-button:hover { background:rgba(16,24,40,.06)!important; }
body.space-home-active:not(.pm-open) > header:not([data-solid="true"]) .nav-wrap .login-button:hover { background:rgba(255,255,255,.16)!important; }

/* Pas de gros contour après un clic souris ; conservé au clavier */
body > header .pm-trigger:focus:not(:focus-visible),
body > header .site-nav > a:focus:not(:focus-visible),
body > header .login-button:focus:not(:focus-visible) { outline:none; }
body > header .pm-trigger:focus-visible,
body > header .site-nav > a:focus-visible { outline:2px solid #719bfa; outline-offset:6px; border-radius:6px; }

/* Passage bleu → blanc en fondu au lieu d'un flash */
body.space-home-active > header[data-space-header],
body.space-home-active > header { transition:background-color .22s ease, box-shadow .22s ease, border-color .22s ease!important; }
body.space-home-active > header .brand,
body.space-home-active > header .brand-sub,
body.space-home-active > header .site-nav a,
body.space-home-active > header .pm-trigger,
body.space-home-active > header .space-nav-create { transition:color .22s ease, background-color .22s ease, border-color .22s ease; }

/* Flèche qui tourne en douceur */
body > header .pm-trigger svg { transition:transform .2s ease; }

/* Le menu glisse légèrement en apparaissant */
body > header .pm-panel:not([hidden]) { animation:ps-nav-in .18s ease-out; }
@keyframes ps-nav-in { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }

@media (prefers-reduced-motion:reduce) {
  body > header .pm-panel:not([hidden]) { animation:none; }
  body > header *, body.space-home-active > header { transition:none!important; }
}