/* Black header strip + single tall dark logo */
#top-bar {
  display: none !important;
}

.header-main,
.header-bottom.wide-nav,
#wide-nav {
  background-color: #0a0a0a !important;
}

.header-main {
  min-height: 120px !important;
  padding: 12px 0 !important;
}

.header-main .header-inner {
  min-height: 120px !important;
  align-items: center !important;
}

#logo.flex-col.logo {
  flex: 0 0 auto !important;
  max-width: min(520px, 46vw) !important;
  width: auto !important;
}

/* Flatsome outputs 3 <img> tags: sticky, main, dark.
   NEVER use "img + img" — it hides the main logo (2nd child). */
#logo img.header-logo-sticky,
#logo img.header-logo-dark,
.header-nav-main.flex-left a[rel="home"],
.header-nav-main.flex-left a[rel="home"] img {
  display: none !important;
}

#logo img.header_logo,
#logo img.header-logo:not(.header-logo-dark):not(.header-logo-sticky) {
  display: inline-block !important;
  max-height: 100px !important;
  height: auto !important;
  width: auto !important;
  max-width: min(520px, 46vw) !important;
  object-fit: contain !important;
}

.stuck #logo img.header-logo-sticky {
  display: inline-block !important;
}

.stuck #logo img.header_logo,
.stuck #logo img.header-logo:not(.header-logo-sticky) {
  display: none !important;
}

#logo {
  max-width: none !important;
  line-height: 1 !important;
}

/* Search row above category nav (both on black strip) */
.header-bottom .flex-row.container {
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.header-bottom .flex-col.flex-left,
.header-bottom .header-search-form,
.header-bottom li.html.header-search-form {
  flex: 1 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  order: 1 !important;
  padding: 10px 16px 14px !important;
}

.header-bottom .header-search-form-wrapper,
.header-bottom .searchform-wrapper,
.header-bottom .ux-search-box {
  width: 100% !important;
  max-width: none !important;
}

.header-bottom .flex-col.flex-center {
  flex: 1 0 100% !important;
  max-width: 100% !important;
  order: 2 !important;
}

.header-bottom .searchform {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.header-bottom .searchform .flex-row {
  width: 100% !important;
}

.header-bottom .searchform .flex-col.flex-grow {
  flex: 1 1 auto !important;
  max-width: none !important;
}

.header-bottom .searchform input {
  width: 100% !important;
  height: 44px !important;
  font-size: 15px !important;
  border-radius: 4px !important;
}

.header-bottom .searchform .button {
  min-height: 46px !important;
  background: #f4b400 !important;
  border-color: #f4b400 !important;
  color: #111 !important;
}

.header-bottom .searchform .button:hover {
  background: #e5a800 !important;
  border-color: #e5a800 !important;
}

.header-bottom .searchform .button .icon-search {
  color: #111 !important;
}

/* Nav: Shop by Category | All Products | Request Item */
.header-bottom-nav {
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px 20px !important;
}

.header-bottom-nav > li.menu-item-has-children > a .icon-angle-down {
  margin-left: 4px;
  font-size: 12px;
}

/* Shop by Category — mega menu with department columns */
.header-bottom-nav > li.megamenu {
  position: static !important;
}

.header-bottom-nav > li.megamenu > .sub-menu.nav-dropdown {
  display: none;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: min(1100px, calc(100vw - 32px)) !important;
  max-width: 1100px !important;
  padding: 20px 24px !important;
  flex-wrap: wrap !important;
  gap: 8px 24px !important;
  box-sizing: border-box !important;
}

.header-bottom-nav > li.megamenu:hover > .sub-menu.nav-dropdown,
.header-bottom-nav > li.megamenu.focus > .sub-menu.nav-dropdown {
  display: flex !important;
}

/* duplicate-safe: also in st-custom-megamenu.css on server */

.header-bottom-nav > li.megamenu .nav-column {
  flex: 1 1 140px !important;
  min-width: 150px !important;
  max-width: 200px !important;
  border-right: 1px solid #eee;
  padding-right: 12px !important;
}

.header-bottom-nav > li.megamenu .nav-column:last-child {
  border-right: none;
}

.header-bottom-nav > li.megamenu .nav-column > a {
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #0b1f3a !important;
  padding: 6px 0 10px !important;
  display: block !important;
}

.header-bottom-nav > li.megamenu .nav-column .sub-menu {
  position: static !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 0 !important;
  transform: none !important;
}

.header-bottom-nav > li.megamenu .nav-column .sub-menu li a {
  padding: 6px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #333 !important;
}

.header-bottom-nav > li.megamenu .nav-column .sub-menu li a:hover {
  color: #e85d04 !important;
}

/* Simple top-level links (no dropdown) */
.header-bottom-nav > li:not(.megamenu) > .sub-menu {
  display: none !important;
}

.header-button-1 .button,
.header-button-2 .button {
  font-size: 11px !important;
  padding: 6px 12px !important;
}

.header-main .header-nav-main.nav-uppercase > li > a,
.header-bottom-nav > li > a {
  color: #fff !important;
}

.header-bottom-nav > li > .sub-menu a {
  color: #222 !important;
}