/* Living in Riverdale — nav dropdown hover-gap fix (Work item A, 2026-06-30).
 * Problem: each nav dropdown panel renders ~60px below its toggle, leaving a
 * dead zone. Moving the cursor down into the panel crossed that gap and Webflow
 * closed the menu before it could be clicked.
 * Fix: while a dropdown is OPEN (.w--open), extend the toggle's hover hit-area
 * straight down with a transparent bridge that meets the panel, so the pointer
 * never leaves the dropdown while travelling into it. The bridge is gated on
 * .w--open so it never intercepts clicks when the menu is closed, and it is only
 * as wide as the toggle so it never covers neighbouring nav items. Paired with
 * data-delay="300" on the toggles for extra grace. Desktop only; the mobile
 * w-nav accordion (click-to-open) is untouched. Does NOT alter brand tokens,
 * colors, or fonts. */
@media (min-width: 992px) {
  .rt-navbar-dropdown .w-dropdown-toggle {
    position: relative;
  }
  .rt-navbar-dropdown .w-dropdown-toggle.w--open::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 72px;        /* spans the ~60px gap to the panel, with margin */
    background: transparent;
    pointer-events: auto;
  }
}