/* ==========================================================================
   Dropdown Reset — Neutralize CMS (DecoNetwork) nav dropdown styles
   Scoped ONLY to navigation dropdown containers. Does NOT affect:
   - .dn-currency-dropdown-container
   - nav.dn-nav-main (the nav bar itself)
   - Any other site popups / overlays
   ========================================================================== */

/* ---- Hide the original CMS dropdown containers once our JS takes over ---- */
body.wm-menus-ready .dn-nav-dropdown-container,
body.wm-menus-ready .dn-nav-dropdown-background-container {
  display: none !important;
  visibility: hidden !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* ---- Reset: Dropdown background overlay (mobile) ---- */
.dn-nav-dropdown-background-container {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  pointer-events: none !important;
  transition: none !important;
}

/* ---- Reset: Dropdown outer container ---- */
.dn-nav-dropdown-container {
  position: static !important;
  max-width: none !important;
  max-height: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: none !important;
  transform: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dn-nav-dropdown-container.dn-nav-dropdown-container-large {
  position: static !important;
  max-width: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  display: none !important;
}

/* ---- Reset: Inner nav element ---- */
.dn-nav-dropdown-container > nav.dn-nav-dropdown {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
  font: inherit !important;
  box-shadow: none !important;
}

/* ---- Reset: Nav items inside dropdown ---- */
.dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: normal !important;
}

.dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item a,
.dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item span {
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  display: inline !important;
  width: auto !important;
}

.dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item .dn-currency-selector {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: inline !important;
}

/* ---- Reset: Close / Back buttons ---- */
.dn-nav-dropdown-container > nav .dn-nav-close,
.dn-nav-dropdown-container > nav .dn-nav-back {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dn-nav-dropdown-container > nav .dn-nav-close::after,
.dn-nav-dropdown-container > nav .dn-nav-back::after {
  display: none !important;
  content: none !important;
}

/* ---- Reset: Separator items ---- */
.dn-nav-dropdown-container > nav.dn-nav-dropdown .dn-nav-item.dn-nav-separator {
  display: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
}

/* ---- Reset: Large dropdown internals (page sections, widgets, grids) ---- */
.dn-nav-dropdown-container .dn-page-section,
.dn-nav-dropdown-container .dn-page-section-margin,
.dn-nav-dropdown-container .dn-page-section-content,
.dn-nav-dropdown-container .dn-padding-container,
.dn-nav-dropdown-container .dn-page-columns-container,
.dn-nav-dropdown-container .dn-page-column,
.dn-nav-dropdown-container .dn-page-column-content {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  position: static !important;
  z-index: auto !important;
  width: auto !important;
  max-width: none !important;
}

.dn-nav-dropdown-container .dn-widget,
.dn-nav-dropdown-container .dn-widget-content-container,
.dn-nav-dropdown-container .dn-widget-content {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  width: auto !important;
  max-width: none !important;
  line-height: normal !important;
  font-size: inherit !important;
  display: block !important;
}

.dn-nav-dropdown-container .dn-grid-container {
  letter-spacing: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

.dn-nav-dropdown-container .dn-grid {
  visibility: visible !important;
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dn-nav-dropdown-container .dn-grid-item {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: block !important;
}

.dn-nav-dropdown-container .dn-grid-item .dn-grid-item-container {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  text-align: left !important;
  overflow: visible !important;
}

.dn-nav-dropdown-container .dn-links-list {
  letter-spacing: normal !important;
  font-size: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dn-nav-dropdown-container .dn-links-list li {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

/* ---- Reset: Background containers within dropdowns ---- */
.dn-nav-dropdown-container .dn-background-container {
  display: none !important;
}

/* ---- Reset: Image overlays in grid items ---- */
.dn-nav-dropdown-container .dn-grid-image,
.dn-nav-dropdown-container .dn-image-overlay,
.dn-nav-dropdown-container .dn-image-transform,
.dn-nav-dropdown-container .dn-product-thumbnail-container {
  display: none !important;
}

/* ---- Reset: Dropdown anchor elements inside nav items ---- */
nav.dn-nav-main .dn-nav-item .dn-dropdown-anchor {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* ---- Reset: CMS-applied dropdown arrow on nav items with submenus ---- */
nav.dn-nav-main .dn-nav-with-submenu a::after {
  display: none !important;
  content: none !important;
}