/* Static site CSS fixes - make dropdowns work without JS */

/* Show dropdown menus on hover */
.nav-regular .nav-item.level0.parent:hover > .nav-panel--dropdown,
.nav-regular .nav-item.level0.nav-item--parent:hover > .nav-panel--dropdown {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Ensure dropdown panels are hidden by default */
.nav-regular .nav-panel--dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

/* Full width mega menu */
.nav-regular .nav-panel--dropdown.full-width {
  width: 100%;
}

/* Submenu items layout */
.nav-submenu--mega {
  display: flex !important;
  flex-wrap: wrap;
  padding: 15px 20px;
  list-style: none;
}

.nav-submenu--mega > li {
  flex: 1 1 200px;
  padding: 5px 15px;
}

.nav-submenu--mega > li > a {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  display: block;
  padding: 5px 0;
}

/* Sub-submenu (level2) */
.nav-submenu--mega .nav-submenu {
  display: block !important;
  list-style: none;
  padding: 0;
  margin: 5px 0 0;
}

.nav-submenu--mega .nav-submenu li a {
  color: #666;
  text-decoration: none;
  display: block;
  padding: 3px 0;
  font-size: 13px;
}

.nav-submenu--mega .nav-submenu li a:hover {
  color: #29539b;
}

/* Caret indicators */
.nav-item .caret {
  display: inline-block;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  vertical-align: middle;
}

/* Hide opener spans (JS toggle buttons) */
.nav-regular .opener {
  display: none !important;
}

/* Make sure nav container is positioned for dropdowns */
.nav-container {
  position: relative;
}

.navi-wrapper {
  position: relative;
}

.nav-regular > ul > li {
  position: relative;
}

/* Hide elements that require JS to function */
.skip-link.skip-nav,
#minicart-content-wrapper,
.block-compare,
[data-role="compare-products-sidebar"],
.form.minisearch [type="submit"],
#search_autocomplete {
  /* Keep search visible but disable submit */
}

/* Ensure product grid items display correctly without JS */
.products-grid .product-items {
  display: flex !important;
  flex-wrap: wrap;
}

.products-grid .product-item {
  display: block !important;
}