/* Desktop mega-menu interaction fix.
   Dropdown visibility is controlled by hover intent in DrppHeader.astro so a
   diagonal pointer movement cannot accidentally switch to the adjacent menu. */

@media (min-width:861px){
  .drpp-nav-item::after{
    display:none!important;
  }

  .drpp-nav-item:hover .drpp-mega,
  .drpp-nav-item:focus-within .drpp-mega{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-50%) translateY(8px);
  }

  .drpp-nav-item.is-open .drpp-mega,
  .drpp-nav-item.is-open:hover .drpp-mega,
  .drpp-nav-item.is-open:focus-within .drpp-mega{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
  }

  .drpp-nav-item:hover .drpp-nav-link{
    color:rgba(255,255,255,.88);
    background:transparent;
  }

  .drpp-nav-item:hover .drpp-nav-link::before{
    transform:scaleX(0);
  }

  .drpp-nav-item.is-open .drpp-nav-link,
  .drpp-nav-item.is-open:hover .drpp-nav-link,
  .drpp-nav-item.is-open:focus-within .drpp-nav-link{
    color:var(--drpp-yellow);
    background:rgba(255,255,255,.045);
  }

  .drpp-nav-item.is-open .drpp-nav-link::before,
  .drpp-nav-item.is-open:hover .drpp-nav-link::before,
  .drpp-nav-item.is-open:focus-within .drpp-nav-link::before{
    transform:scaleX(1);
  }
}