/* ============================================================
   header_1 — hover-dropdown reliability fix (2026-09-07).

   The theme opens the header dropdowns (language / currency / user /
   categories) purely on :hover, but positions the menu at top:40px under
   a 32px trigger → an 8px dead gap. Crossing that gap drops :hover, the
   menu starts its 0.3s fade-out and closes before the cursor reaches it
   ("sometimes it closes, sometimes not" = how fast the mouse crossed).

   Fix, no JS:
   1. an invisible hover BRIDGE (::after) under each trigger that spans
      the gap and overlaps the top of the menu, so :hover never drops;
   2. a short close DELAY, so a brief slip off the trigger doesn't kill
      the menu — opening stays instant.
   Loaded right after header_1.min.css from the header_1 blade.
   ============================================================ */

.theme-header-1__dropdown {
    position: relative;
}
.theme-header-1__dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 22px;            /* covers the 8px gap + the menu's 15px slide-in */
    pointer-events: auto;
}

/* Closing waits 0.25s (transition-delay on the NOT-hover state);
   opening has no delay. */
.theme-header-1__dropdown:not(:hover) > .header-1-dropdown-menu {
    transition: opacity 0.25s ease 0.25s, visibility 0s linear 0.5s, transform 0.25s ease 0.25s;
}
.theme-header-1__dropdown:hover > .header-1-dropdown-menu {
    transition: opacity 0.2s ease, visibility 0s, transform 0.2s ease;
}