/* Nav dropdown CSS — served as-is, not processed by Tailwind */

.nav-dropdown { display: none; }

/*
 * Bridge: pseudo-element on the <a> itself extends its hover zone 6px downward,
 * covering the gap between the nav bar and the dropdown panel top edge.
 * This lets the mouse transition from the <a> to the dropdown without losing hover.
 */
a[data-dropdown] { position: relative; }
a[data-dropdown]::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 6px;
}

/* Show when the trigger <a> is hovered */
nav:has(a[data-dropdown="what-we-offer"]:hover)    #dropdown-what-we-offer,
nav:has(a[data-dropdown="buy-domains"]:hover)      #dropdown-buy-domains,
nav:has(a[data-dropdown="sell-domains"]:hover)     #dropdown-sell-domains,
nav:has(a[data-dropdown="park-domains"]:hover)     #dropdown-park-domains,
nav:has(a[data-dropdown="services"]:hover)         #dropdown-services,
nav:has(a[data-dropdown="know-how-support"]:hover) #dropdown-know-how-support,
nav:has(a[data-dropdown="about-us"]:hover)         #dropdown-about-us { display: block; }
nav:has(a[data-dropdown="redesign"]:hover)         #dropdown-redesign { display: block; }

/* Keep open while hovering the dropdown panel itself */
#dropdown-what-we-offer:hover,
#dropdown-buy-domains:hover,
#dropdown-sell-domains:hover,
#dropdown-park-domains:hover,
#dropdown-services:hover,
#dropdown-know-how-support:hover,
#dropdown-about-us:hover,
#dropdown-redesign:hover { display: block; }