/* WideBundle marketing site — interactive layer (dropdowns, mobile menu).
   The design itself is inline-styled; this only adds hover/open behaviour that
   the stripped SPA runtime used to provide. */

/* Header dropdowns: hidden by default, open on hover (desktop) or .is-open (JS/mobile) */

/* Invisible hover bridge across the 8px gap between the trigger and the menu.
   As a child of .wb-dd it keeps .wb-dd:hover alive while the cursor travels down,
   so the menu no longer vanishes before you can click a link. */
.wb-dd::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  max-width: 60vw;
  height: 12px;
}

.wb-dd-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  pointer-events: none;
}
.wb-dd:hover .wb-dd-menu,
.wb-dd-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.wb-dd-link:hover { background: #faf3f8; color: #d50067 !important; }

/* keep the caret from wrapping and give the trigger a hover cue */
.wb-dd [data-dropdown-trigger]:hover { color: #d50067; }