/* =========================================================================
   Méga-menu « Expertises » — panneau glass translucide, format LARGEUR
   Chargé uniquement par les pages /expertises/*. CSS pur : révélation au
   survol (desktop) et au focus clavier (:focus-within). Aucun JS.
   Le déclencheur reste un lien vers /cabinet/#expertises (fallback mobile).
   ========================================================================= */
.navx{position:relative;display:flex;align-items:center}
.navx>.nav-link{display:inline-flex;align-items:center;gap:.5em}

/* petit chevron */
.navx-caret{width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .3s cubic-bezier(.16,1,.3,1);opacity:.85}
.navx:hover>.nav-link .navx-caret,
.navx:focus-within>.nav-link .navx-caret{transform:translateY(0) rotate(-135deg)}

/* panneau (large, ancré à droite du déclencheur) */
.navx-panel{position:absolute;top:100%;right:-14px;z-index:70;padding-top:14px;/* pont anti-flicker */
  width:max-content;min-width:min(94vw,420px);max-width:min(94vw,560px);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.99);transform-origin:top right;
  transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .28s}
.navx:hover .navx-panel,
.navx:focus-within .navx-panel{opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1);transition:opacity .2s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s}

/* verre — assez opaque pour une lecture nette, translucidité conservée */
.navx-glass{display:grid;grid-template-columns:1fr 1fr;gap:4px 32px;
  padding:20px 24px;
  background:rgba(13,22,35,.9);
  -webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);
  border:1px solid rgba(255,255,255,.13);border-radius:18px;
  box-shadow:0 36px 84px -34px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07)}

/* colonnes de famille */
.navx-eyebrow{font-family:var(--sans,'Montserrat',sans-serif);font-weight:700;font-size:.62rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--orange,#FF9E1B);
  padding:0 .7em;margin:.1em 0 .6em}
.navx-item{display:block;padding:.5em .7em;border-radius:9px;text-decoration:none;position:relative;
  font-family:var(--sans,'Montserrat',sans-serif);font-weight:600;font-size:.95rem;letter-spacing:.005em;
  color:#fff;line-height:1.25;
  transition:background .18s ease,transform .2s cubic-bezier(.16,1,.3,1),color .18s ease}
.navx-item:hover,.navx-item:focus-visible{background:rgba(255,158,27,.12);color:var(--orange,#FF9E1B);transform:translateX(3px);outline:none}

/* page courante */
.navx-item[aria-current="page"]{background:rgba(255,158,27,.09);color:var(--orange,#FF9E1B)}
.navx-item[aria-current="page"]::before{content:"";position:absolute;left:0;top:.55em;bottom:.55em;width:2px;
  border-radius:2px;background:var(--orange,#FF9E1B)}

/* mobile : pas de survol → le déclencheur redevient un simple lien vers le cabinet */
@media(max-width:760px){
  .navx-caret{display:none}
  .navx-panel{display:none}
}
@media(prefers-reduced-motion:reduce){
  .navx-caret,.navx-panel,.navx-item{transition:none}
}