/* ============================================================
   Museum static fixes — markszymanski.co v3 (Elementor)
   Restores header readability + dropdowns after the dynamic
   sticky-header plugin was removed. Static-only overrides.
   ============================================================ */

/* --- Header: solid black bar, always readable --- */
.elementor-location-header,
header.elementor-location-header,
.elementor-777.elementor-location-header,
[data-elementor-type="header"] {
  background-color: #000 !important;
}
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-top-section {
  background-color: transparent !important;
}

/* --- Menu links: white on black --- */
.elementor-location-header .elementor-item,
.elementor-nav-menu .elementor-item,
.elementor-nav-menu a.elementor-item {
  color: #ffffff !important;
}
.elementor-location-header .elementor-item:hover,
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active {
  color: #b9b9b9 !important;
}

/* --- Dropdown submenus: dark bg + show on hover --- */
.elementor-nav-menu .sub-menu,
.elementor-nav-menu--dropdown,
ul.elementor-nav-menu--dropdown {
  background-color: #0b0b0b !important;
}
.elementor-nav-menu .sub-menu .elementor-item,
.elementor-nav-menu--dropdown .elementor-sub-item,
.elementor-nav-menu--dropdown .elementor-item {
  color: #ffffff !important;
}

/* parent is the positioning context for its dropdown */
.elementor-nav-menu li.menu-item-has-children {
  position: relative !important;
}

/* anchor the dropdown FLUSH under the parent (kill any top gap/margin) */
.elementor-nav-menu li.menu-item-has-children > .sub-menu,
.elementor-nav-menu li.menu-item-has-children > .elementor-nav-menu--dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  transition: none !important;
  min-width: 220px !important;
}

/* invisible "bridge" so moving the cursor from parent to dropdown
   never crosses dead space (the ::before is part of the submenu's hover area) */
.elementor-nav-menu li.menu-item-has-children > .sub-menu::before,
.elementor-nav-menu li.menu-item-has-children > .elementor-nav-menu--dropdown::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  height: 22px;
  background: transparent;
}

/* keep open while hovering the parent OR the dropdown itself */
.elementor-nav-menu li.menu-item-has-children:hover > .sub-menu,
.elementor-nav-menu li.menu-item-has-children:hover > .elementor-nav-menu--dropdown,
.elementor-nav-menu li.menu-item-has-children > .sub-menu:hover,
.elementor-nav-menu li.menu-item-has-children > .elementor-nav-menu--dropdown:hover,
.elementor-nav-menu li.menu-item-has-children:focus-within > .sub-menu,
.elementor-nav-menu li.menu-item-has-children:focus-within > .elementor-nav-menu--dropdown {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  height: auto !important;
  max-height: none !important;
}