/* E037 · Mega-menu interaction refinement.
   Desktop: hover reveals the mega-menu. The parent label stays a real link.
   The chevron / remaining summary area toggles disclosure for click, keyboard and touch. */
.header-v9 .v9-disclosure>summary>.v9-summary-link{
  display:inline-flex;
  align-items:center;
  align-self:stretch;
  color:inherit;
  text-decoration:none;
  white-space:nowrap;
  outline-offset:4px;
}
.header-v9 .v9-disclosure>summary>.v9-summary-link:hover,
.header-v9 .v9-disclosure>summary>.v9-summary-link[aria-current="page"]{color:#fff}
.header-v9 .v9-disclosure>summary>.v9-summary-link[aria-current="page"]{font-weight:500}
.header-v9 .v9-disclosure>summary>.v9-summary-link::after{content:none!important}

/* Robust desktop hover, including hybrid/touch Windows machines with a mouse. */
@media (min-width:1281px) and (any-hover:hover) and (any-pointer:fine){
  .header-v9 .v9-group:hover .v9-disclosure:not([open])>.e21-mega{
    display:block!important;
    animation:e21-panel-in .22s ease-out both;
  }
  .header-v9 .v9-group:hover .v9-disclosure>summary>.icon{
    transform:rotate(180deg);
    color:var(--orange);
  }
  .header-v9 .v9-group:hover .v9-disclosure>summary::after{transform:scaleX(1)}
}

/* On compact navigation the label remains a page link; the chevron side remains the disclosure trigger. */
@media (max-width:1280px){
  .header-v9 .v9-disclosure>summary{gap:14px}
  .header-v9 .v9-disclosure>summary>.v9-summary-link{flex:1;min-width:0;white-space:normal}
  .header-v9 .v9-disclosure>summary>.icon{margin-left:auto;flex:0 0 auto}
}
