/* =========================================================
   My Obscure Designs — Kadence header
   Desktop: logo | gold pill nav | cart | search
   Mobile: logo | gold-circle hamburger ; drawer = search + pills + cart
   ========================================================= */

html body #masthead.site-header,
html body #masthead {
  background: #140f0b !important;
  border-bottom: 1px solid rgba(184, 149, 106, .28) !important;
  box-shadow: none !important;
}

html body #masthead .site-header-wrap,
html body #masthead .site-header-inner-wrap,
html body #masthead .site-header-upper-wrap,
html body #masthead .site-header-upper-inner-wrap,
html body #masthead .site-main-header-wrap,
html body #masthead .site-header-row-container,
html body #masthead .site-header-row-container-inner,
html body #masthead .site-header-row {
  background: #140f0b !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #masthead .site-main-header-inner-wrap,
html body #masthead .site-header-main-section-left,
html body #masthead .site-header-main-section-center,
html body #masthead .site-header-main-section-right {
  background: transparent !important;
}

/* Main row height / padding */
html body #masthead .site-main-header-wrap .site-header-row-container-inner {
  min-height: 96px !important;
  padding-left: clamp(1rem, 3vw, 2.25rem) !important;
  padding-right: clamp(1rem, 3vw, 2.25rem) !important;
}

/* Logo */
html body #masthead .site-branding,
html body #masthead .brand {
  line-height: 0 !important;
  background: transparent !important;
}
html body #masthead .site-branding .custom-logo,
html body #masthead .custom-logo-link img,
html body #masthead .brand img,
html body #masthead .site-header-item-logo img {
  max-height: 84px !important;
  max-width: 84px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}
html body #masthead .site-title,
html body #masthead .site-title a {
  color: #fff5e1 !important;
}
html body #masthead .site-description {
  color: rgba(242, 225, 207, .72) !important;
}

/* Primary nav — gold pills */
html body #masthead .header-navigation,
html body #masthead .main-navigation,
html body #masthead nav.navigation {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body #masthead .header-navigation .menu,
html body #masthead #site-navigation .menu,
html body #masthead .primary-menu-container > ul,
html body #masthead .header-menu-container > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}
html body #masthead .header-navigation .menu > li,
html body #masthead #site-navigation .menu > li,
html body #masthead .primary-menu-container > ul > li,
html body #masthead .header-menu-container > ul > li {
  float: none !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}
html body #masthead .header-navigation .menu > li > a,
html body #masthead #site-navigation .menu > li > a,
html body #masthead .primary-menu-container > ul > li > a,
html body #masthead .header-menu-container > ul > li > a,
html body #masthead .header-navigation .menu > li > .menu-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.45rem !important;
  padding: .55rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  background: linear-gradient(180deg, rgba(184, 149, 106, .16), rgba(33, 29, 20, .55)) !important;
  color: #fff5e1 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
  outline: none !important;
}
html body #masthead .header-navigation .menu > li > a:hover,
html body #masthead #site-navigation .menu > li > a:hover,
html body #masthead .primary-menu-container > ul > li > a:hover,
html body #masthead .header-menu-container > ul > li > a:hover,
html body #masthead .header-navigation .menu > li > .menu-link:hover {
  background: linear-gradient(180deg, rgba(184, 149, 106, .32), rgba(90, 61, 41, .45)) !important;
  border-color: #d4b483 !important;
  color: #fff5e1 !important;
  box-shadow: 0 0 0 2px rgba(184, 149, 106, .35) !important;
}
html body #masthead .header-navigation .menu > li.current-menu-item > a,
html body #masthead #site-navigation .menu > li.current-menu-item > a,
html body #masthead .primary-menu-container > ul > li.current-menu-item > a,
html body #masthead .header-menu-container > ul > li.current-menu-item > a,
html body #masthead .header-navigation .menu > li.current-menu-item > .menu-link {
  background: #b8956a !important;
  border-color: #b8956a !important;
  color: #211d14 !important;
}

/* Cart */
html body #masthead .header-cart-wrap,
html body #masthead .header-cart-button,
html body #masthead .kadence-header-cart {
  background: transparent !important;
}
html body #masthead .header-cart-wrap .header-cart-button,
html body #masthead .header-cart-button,
html body #masthead a.header-cart-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  min-height: 2.45rem !important;
  height: 2.45rem !important;
  padding: 0 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  background: rgba(184, 149, 106, .12) !important;
  color: #d4b483 !important;
  font-family: system-ui, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
html body #masthead .header-cart-wrap .header-cart-button:hover,
html body #masthead a.header-cart-button:hover {
  background: #b8956a !important;
  color: #211d14 !important;
  border-color: #b8956a !important;
}
html body #masthead .header-cart-wrap .header-cart-button .header-cart-total,
html body #masthead .header-cart-wrap .kadence-cart-total {
  color: inherit !important;
  background: transparent !important;
}

/* Search (inline) */
html body #masthead .header-search-wrap,
html body #masthead .search-form-container {
  background: transparent !important;
}
html body #masthead .header-search-wrap form,
html body #masthead .header-search-wrap .wp-block-search,
html body #masthead .search-form-container form {
  display: flex !important;
  align-items: stretch !important;
  height: 2.45rem !important;
  min-height: 2.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: rgba(33, 29, 20, .9) !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  border-radius: 999px !important;
  min-width: 180px !important;
  max-width: 240px !important;
}
html body #masthead .header-search-wrap input[type=search],
html body #masthead .header-search-wrap input.search-field,
html body #masthead .search-form-container input[type=search] {
  flex: 1 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff5e1 !important;
  padding: 0 .75rem 0 .95rem !important;
  height: 2.45rem !important;
  font-size: .8rem !important;
  box-shadow: none !important;
  outline: none !important;
  min-width: 0 !important;
}
html body #masthead .header-search-wrap input::placeholder {
  color: rgba(242, 225, 207, .55) !important;
}
html body #masthead .header-search-wrap button,
html body #masthead .header-search-wrap .search-submit,
html body #masthead .search-form-container button {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #b8956a !important;
  color: #211d14 !important;
  height: 2.45rem !important;
  padding: 0 .85rem !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* Mini cart dropdown */
html body #masthead .header-cart-wrap .kadence-mini-cart,
html body #masthead .header-cart-wrap .widget_shopping_cart {
  background: #1a1410 !important;
  border: 1px solid rgba(184, 149, 106, .4) !important;
  border-radius: 14px !important;
  color: #f2e1cf !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45) !important;
}

/* ===== Mobile header ===== */
html body #masthead .site-mobile-header-wrap,
html body #masthead .site-mobile-header-wrap .site-header-row-container-inner,
html body #masthead .mobile-header,
html body #mobile-header {
  background: #140f0b !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body #masthead .site-mobile-header-wrap .site-header-row-container-inner {
  min-height: 72px !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
html body #masthead .site-mobile-header-wrap .site-header-row,
html body #masthead .site-mobile-header-wrap .site-header-row-container-inner > .site-header-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  width: 100% !important;
}
html body #masthead .site-mobile-header-wrap .site-header-main-section-left,
html body #masthead .site-mobile-header-wrap .site-header-main-section-right {
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
}
html body #masthead .site-mobile-header-wrap .site-header-main-section-left {
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body #masthead .site-mobile-header-wrap .site-header-main-section-right {
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
html body #masthead .site-mobile-header-wrap .custom-logo,
html body #masthead .site-mobile-header-wrap .brand img,
html body #masthead .mobile-logo img {
  max-height: 52px !important;
  max-width: 52px !important;
  width: auto !important;
  height: auto !important;
}

/* Menu toggle = gold-circle hamburger only (no Menu text) */
html body #masthead .mobile-toggle-open-container,
html body #masthead .menu-toggle-open {
  background: transparent !important;
}
html body #masthead .mobile-toggle-open,
html body #masthead button.menu-toggle-open,
html body #masthead .menu-toggle-style-default {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(184, 149, 106, .85) !important;
  background: #140f0b !important;
  background-image: radial-gradient(circle at 50% 42%, #1c1710 0%, #140f0b 70%) !important;
  color: #d4b483 !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: inset 0 1px 0 rgba(242, 225, 207, .06), 0 2px 8px rgba(0, 0, 0, .35) !important;
  line-height: 0 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  overflow: hidden !important;
}
html body #masthead .mobile-toggle-open .menu-toggle-icon,
html body #masthead .mobile-toggle-open .kadence-svg-iconset,
html body #masthead button.menu-toggle-open svg,
html body #masthead .mobile-toggle-open .menu-toggle-icon svg,
html body #masthead .mobile-toggle-open .kadence-svg-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  color: #d4b483 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  flex-shrink: 0 !important;
}
html body #masthead .mobile-toggle-open::before,
html body #masthead .mobile-toggle-open::after {
  content: none !important;
  display: none !important;
}
html body #masthead .mobile-toggle-open .menu-toggle-label {
  display: none !important;
  font-size: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
}
html body #masthead .mobile-toggle-open:hover,
html body #masthead .mobile-toggle-open:focus {
  background: rgba(184, 149, 106, .22) !important;
  background-image: none !important;
  color: #140f0b !important;
  border-color: #d4b483 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(184, 149, 106, .35), 0 2px 10px rgba(184, 149, 106, .2) !important;
}
html body #masthead .mobile-toggle-open:hover .menu-toggle-icon,
html body #masthead .mobile-toggle-open:hover .kadence-svg-iconset,
html body #masthead .mobile-toggle-open:hover svg,
html body #masthead .mobile-toggle-open:hover .kadence-svg-icon,
html body #masthead .mobile-toggle-open:focus .menu-toggle-icon,
html body #masthead .mobile-toggle-open:focus svg {
  color: #140f0b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Hide cramped search/cart in the slim mobile header row (they live in drawer) */
@media (max-width: 1024px) {
  html body #masthead .site-mobile-header-wrap .header-search-wrap,
  html body #masthead .site-mobile-header-wrap .search-toggle-open-container,
  html body #masthead .site-mobile-header-wrap .header-cart-wrap {
    /* Keep if theme placed them; don't crush the toggle */
    flex-shrink: 0 !important;
  }
  html body #masthead .site-mobile-header-wrap .search-toggle-open,
  html body #masthead .site-mobile-header-wrap button.search-toggle-open {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0 .9rem !important;
  }
}

/* ===== Mobile drawer / popup — dark cabinet panel ===== */
#mobile-drawer,
.mobile-drawer,
.kadence-mobile-drawer,
.kadence-popup-drawer[id*="mobile"],
#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-content,
#mobile-drawer .drawer-header,
.kadence-popup-drawer .drawer-inner,
.kadence-popup-drawer .drawer-content,
.drawer-navigation-parent-toggle {
  background: #140f0b !important;
  color: #f2e1cf !important;
  border-color: rgba(184, 149, 106, .28) !important;
}
#mobile-drawer,
.mobile-drawer,
.kadence-mobile-drawer {
  z-index: 100000 !important;
}
#mobile-drawer .drawer-inner,
.kadence-popup-drawer .drawer-inner {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  background: #140f0b !important;
  box-shadow: -12px 0 40px rgba(0, 0, 0, .55) !important;
}
#mobile-drawer .drawer-content,
.kadence-popup-drawer .drawer-content {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 1.15rem 1.25rem 2rem !important;
  background: #140f0b !important;
}

/* Sticky drawer header + clear close */
#mobile-drawer .drawer-header,
.kadence-popup-drawer .drawer-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  min-height: 64px !important;
  padding: .85rem 1.15rem !important;
  margin: 0 !important;
  background: #140f0b !important;
  border-bottom: 1px solid rgba(184, 149, 106, .28) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25) !important;
}
#mobile-drawer .drawer-header::before,
.kadence-popup-drawer .drawer-header::before {
  content: "Cabinet" !important;
  color: #b8956a !important;
  font-family: system-ui, sans-serif !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
#mobile-drawer .menu-toggle-close,
.drawer-header .menu-toggle-close,
#mobile-drawer button.menu-toggle-close,
.kadence-popup-drawer .menu-toggle-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  color: #d4b483 !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  border-radius: 999px !important;
  background: rgba(184, 149, 106, .12) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  -webkit-tap-highlight-color: transparent !important;
}
#mobile-drawer .menu-toggle-close:hover,
#mobile-drawer .menu-toggle-close:focus {
  background: #b8956a !important;
  color: #211d14 !important;
  border-color: #b8956a !important;
  outline: none !important;
}
#mobile-drawer .menu-toggle-close .kadence-svg-icon,
#mobile-drawer .menu-toggle-close svg {
  width: 1.1rem !important;
  height: 1.1rem !important;
  fill: currentColor !important;
  color: inherit !important;
}

/* Nav list as stacked gold-outline pills */
#mobile-drawer .mobile-navigation,
#mobile-drawer .drawer-navigation,
#mobile-drawer nav {
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mobile-drawer .mobile-navigation .menu,
#mobile-drawer .menu,
.kadence-popup-drawer .menu {
  display: flex !important;
  flex-direction: column !important;
  gap: .65rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: .35rem 0 0 !important;
  background: transparent !important;
}
#mobile-drawer .mobile-navigation .menu > li,
#mobile-drawer .menu > li,
.kadence-popup-drawer .menu > li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}
#mobile-drawer .mobile-navigation .menu > li > a,
#mobile-drawer .menu > li > a,
#mobile-drawer .mobile-navigation .menu > li > .menu-link,
.kadence-popup-drawer .menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: .85rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  background: linear-gradient(180deg, rgba(184, 149, 106, .16), rgba(33, 29, 20, .55)) !important;
  color: #fff5e1 !important;
  font-family: system-ui, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
#mobile-drawer .mobile-navigation .menu > li > a:hover,
#mobile-drawer .menu > li > a:hover,
#mobile-drawer .mobile-navigation .menu > li > a:focus {
  background: linear-gradient(180deg, rgba(184, 149, 106, .32), rgba(90, 61, 41, .45)) !important;
  border-color: #d4b483 !important;
  color: #fff5e1 !important;
  outline: none !important;
}
#mobile-drawer .mobile-navigation .menu > li.current-menu-item > a,
#mobile-drawer .menu > li.current-menu-item > a,
#mobile-drawer .mobile-navigation .menu > li.current-menu-item > .menu-link {
  background: #b8956a !important;
  color: #211d14 !important;
  border-color: #b8956a !important;
}

/* Submenus inside drawer */
#mobile-drawer .sub-menu,
#mobile-drawer ul.sub-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: .45rem !important;
  margin: .55rem 0 0 !important;
  padding: 0 .35rem 0 .65rem !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#mobile-drawer .sub-menu > li > a {
  min-height: 44px !important;
  font-size: .74rem !important;
  letter-spacing: .08em !important;
  background: rgba(184, 149, 106, .08) !important;
}

/* Search field in drawer — dark cabinet input */
#mobile-drawer .header-search-wrap,
#mobile-drawer .search-form-container,
#mobile-drawer .drawer-search {
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
}
#mobile-drawer .header-search-wrap form,
#mobile-drawer form.search-form,
#mobile-drawer .wp-block-search {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  background: rgba(33, 29, 20, .95) !important;
  box-sizing: border-box !important;
  min-height: 48px !important;
}
#mobile-drawer .header-search-wrap input[type=search],
#mobile-drawer .header-search-wrap input.search-field,
#mobile-drawer input[type=search],
#mobile-drawer .search-field {
  flex: 1 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff5e1 !important;
  padding: 0 1rem !important;
  min-height: 48px !important;
  height: 48px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  outline: none !important;
  min-width: 0 !important;
}
#mobile-drawer .header-search-wrap input::placeholder,
#mobile-drawer input[type=search]::placeholder {
  color: rgba(242, 225, 207, .5) !important;
}
#mobile-drawer .header-search-wrap button,
#mobile-drawer .header-search-wrap .search-submit,
#mobile-drawer button[type=submit].search-submit,
#mobile-drawer .search-submit {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #b8956a !important;
  color: #211d14 !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 1.1rem !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* Cart row in drawer — readable, not cramped */
#mobile-drawer .header-cart-wrap,
#mobile-drawer .kadence-header-cart,
#mobile-drawer .drawer-cart {
  width: 100% !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#mobile-drawer .header-cart-button,
#mobile-drawer a.header-cart-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: .85rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  background: rgba(184, 149, 106, .12) !important;
  color: #d4b483 !important;
  font-family: system-ui, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
#mobile-drawer .header-cart-button:hover {
  background: #b8956a !important;
  color: #211d14 !important;
  border-color: #b8956a !important;
}

/* Kill leftover light/white Kadence chrome inside drawer */
#mobile-drawer *,
.kadence-popup-drawer .drawer-inner * {
  --global-palette1: #b8956a;
  --global-palette9: #140f0b;
}
#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-content,
#mobile-drawer .drawer-header,
#mobile-drawer .mobile-navigation,
#mobile-drawer .menu,
#mobile-drawer .menu li,
#mobile-drawer .site-header-item {
  background-color: transparent !important;
}
#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-content,
#mobile-drawer .drawer-header {
  background-color: #140f0b !important;
}
#mobile-drawer a,
#mobile-drawer .menu-link {
  color: #fff5e1 !important;
}
#mobile-drawer .menu > li.current-menu-item > a {
  color: #211d14 !important;
}

/* Body scroll lock when Kadence opens drawer */
html body.mobile-menu-open,
html body.kadence-menu-open,
html body.showing-popup-drawer-from-right,
html body.showing-popup-drawer-from-left,
html body[class*="showing-popup-drawer"] {
  overflow: hidden !important;
}
html body.mobile-menu-open #wrapper,
html body.showing-popup-drawer-from-right #wrapper,
html body[class*="showing-popup-drawer"] #wrapper {
  /* keep page from rubber-banding behind drawer */
}

/* Full-height slide + overlay feel */
#mobile-drawer.popup-drawer,
#mobile-drawer.popup-drawer-open,
.kadence-popup-drawer.show-drawer {
  visibility: visible !important;
}
#mobile-drawer .drawer-overlay,
.popup-drawer .drawer-overlay {
  background: rgba(20, 15, 11, .72) !important;
}

@media (max-width: 640px) {
  html body #masthead .site-mobile-header-wrap .custom-logo,
  html body #masthead .mobile-logo img {
    max-height: 48px !important;
    max-width: 48px !important;
  }
  html body #masthead .site-mobile-header-wrap .site-header-row-container-inner {
    min-height: 68px !important;
    padding-left: .85rem !important;
    padding-right: .85rem !important;
  }
  #mobile-drawer .drawer-content,
  .kadence-popup-drawer .drawer-content {
    padding: 1rem 1rem 2.25rem !important;
  }
  #mobile-drawer .mobile-navigation .menu > li > a,
  #mobile-drawer .menu > li > a {
    min-height: 50px !important;
    font-size: .8rem !important;
  }
}

/* Search toggle → gold outline pill (Kadence uses drawer, not inline form) */
html body #masthead .search-toggle-open-container,
html body #masthead .header-search-wrap {
  background: transparent !important;
}
html body #masthead .search-toggle-open,
html body #masthead button.search-toggle-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.45rem !important;
  height: 2.45rem !important;
  padding: 0 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  background: rgba(184, 149, 106, .12) !important;
  color: #d4b483 !important;
  font-family: system-ui, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  gap: .35rem !important;
}
html body #masthead .search-toggle-open:hover {
  background: #b8956a !important;
  color: #211d14 !important;
  border-color: #b8956a !important;
}
html body #masthead .search-toggle-open .kadence-svg-icon {
  color: inherit !important;
  fill: currentColor !important;
}

/* Search drawer dark */
#search-drawer,
#search-drawer .drawer-inner,
#search-drawer .drawer-content,
.search-drawer .drawer-inner {
  background: #140f0b !important;
  color: #f2e1cf !important;
  border-color: rgba(184, 149, 106, .28) !important;
}
#search-drawer .drawer-header {
  background: #140f0b !important;
  border-bottom: 1px solid rgba(184, 149, 106, .28) !important;
}
#search-drawer input[type=search],
#search-drawer .search-field {
  background: rgba(33, 29, 20, .95) !important;
  color: #fff5e1 !important;
  border: 1px solid rgba(184, 149, 106, .45) !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 1rem !important;
}
#search-drawer .search-submit,
#search-drawer button[type=submit] {
  background: #b8956a !important;
  color: #211d14 !important;
  border-radius: 999px !important;
  border: 0 !important;
  min-height: 44px !important;
  padding: 0 1.1rem !important;
  font-weight: 700 !important;
}
#search-drawer .menu-toggle-close {
  color: #d4b483 !important;
  border: 1px solid rgba(184, 149, 106, .45) !important;
  border-radius: 999px !important;
  background: rgba(184, 149, 106, .1) !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Right section items spacing (desktop + mobile) */
html body #masthead .site-header-main-section-right {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  flex-wrap: nowrap !important;
}

/* ===== MOD 2.2.4: sticky header + mobile search ===== */

/* Floating sticky header */
html body #masthead.site-header,
html body #masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: rgba(20, 15, 11, .96) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(184, 149, 106, .28) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .35) !important;
}
html body #masthead .site-mobile-header-wrap,
html body #masthead .site-header-wrap {
  background: transparent !important;
}

/* Inline search inside mobile drawer (replaces nested search overlay flow) */
#mobile-drawer .mod-hide-nested-search {
  display: none !important;
}
#mobile-drawer .mod-mobile-search {
  width: 100% !important;
  margin: 0 0 1.25rem !important;
  padding: 0 0 1.15rem !important;
  border-bottom: 1px solid rgba(184, 149, 106, .22) !important;
  box-sizing: border-box !important;
}
#mobile-drawer .mod-mobile-search-form {
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#mobile-drawer .mod-mobile-search-label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
#mobile-drawer .mod-mobile-search .search-field,
#mobile-drawer .mod-mobile-search input[type=search] {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(184, 149, 106, .6) !important;
  background: rgba(33, 29, 20, .95) !important;
  color: #fff5e1 !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#mobile-drawer .mod-mobile-search .search-field:focus {
  border-color: #d4b483 !important;
  box-shadow: 0 0 0 3px rgba(184, 149, 106, .22) !important;
}
#mobile-drawer .mod-mobile-search .search-field::placeholder {
  color: rgba(242, 225, 207, .55) !important;
  opacity: 1 !important;
}
#mobile-drawer .mod-mobile-search-submit,
#mobile-drawer .mod-mobile-search .search-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: .85rem 1.15rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #b8956a !important;
  color: #211d14 !important;
  font-family: system-ui, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
#mobile-drawer .mod-mobile-search-submit:hover,
#mobile-drawer .mod-mobile-search-submit:focus {
  background: #d4b483 !important;
  color: #140f0b !important;
  outline: none !important;
}

/* Desktop search toggle = gold circle icon (match hamburger) */
html body #masthead .search-toggle-open,
html body #masthead button.search-toggle-open {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(184, 149, 106, .75) !important;
  background: #140f0b !important;
  color: #d4b483 !important;
  box-shadow: inset 0 0 0 1px rgba(184, 149, 106, .18) !important;
}
html body #masthead .search-toggle-open:hover {
  background: rgba(184, 149, 106, .22) !important;
  border-color: #d4b483 !important;
  color: #fff5e1 !important;
}


/* Content clears sticky masthead */
html {
  scroll-padding-top: 6.5rem;
}
@media (max-width: 1024px) {
  html {
    scroll-padding-top: 5rem;
  }
}

/* ===== MOD: no search in mobile menu ===== */
#mobile-drawer .mod-mobile-search,
#mobile-drawer .mod-hide-nested-search,
#mobile-drawer .search-toggle-open-container,
#mobile-drawer .header-search-wrap,
#mobile-drawer .site-header-item[data-section="kadence_customizer_header_search"],
#mobile-drawer button.search-toggle-open,
html body #masthead .site-mobile-header-wrap .header-search-wrap,
html body #masthead .site-mobile-header-wrap .search-toggle-open-container,
html body #masthead .site-mobile-header-wrap .search-toggle-open {
  display: none !important;
}

/* ===== MOD: desktop search = simple field + magnifying glass ===== */
#search-drawer,
#search-drawer.popup-drawer,
#search-drawer .drawer-overlay {
  background: rgba(14, 11, 8, .88) !important;
}
#search-drawer .drawer-inner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100% !important;
  max-height: 100dvh !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#search-drawer .drawer-header {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  left: auto !important;
  z-index: 5 !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#search-drawer .search-toggle-close,
#search-drawer .drawer-header .drawer-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(184, 149, 106, .65) !important;
  background: #140f0b !important;
  color: #d4b483 !important;
  box-shadow: none !important;
}
#search-drawer .drawer-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 40rem !important;
  margin: 0 auto !important;
  padding: 1.5rem 1.25rem !important;
  background: transparent !important;
  flex: 0 0 auto !important;
}

/* One row: input + magnifying-glass submit */
#search-drawer .search-form {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid rgba(184, 149, 106, .55) !important;
  border-radius: 999px !important;
  background: rgba(33, 29, 20, .96) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .45) !important;
  overflow: hidden !important;
}
#search-drawer .search-form::before {
  content: none !important;
  display: none !important;
}
#search-drawer .search-form label {
  display: block !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
#search-drawer .search-field,
#search-drawer input.search-field,
#search-drawer input[type="search"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 1.25rem !important;
  min-height: 56px !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff5e1 !important;
  font-size: 1.1rem !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#search-drawer .search-field::placeholder {
  color: rgba(242, 225, 207, .55) !important;
  opacity: 1 !important;
}
#search-drawer .search-field:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Submit = icon-only magnifying glass */
#search-drawer .search-submit,
#search-drawer input.search-submit,
#search-drawer input[type="submit"],
#search-drawer button[type="submit"] {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(184, 149, 106, .35) !important;
  border-radius: 0 !important;
  background: rgba(184, 149, 106, .18) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
#search-drawer .search-submit:hover,
#search-drawer input.search-submit:hover {
  background: #b8956a !important;
}

/* Use Kadence icon wrap as the visible glass (over the submit) */
#search-drawer .kadence-search-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  color: #d4b483 !important;
}
#search-drawer .kadence-search-icon-wrap svg,
#search-drawer .kadence-search-icon-wrap .kadence-svg-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  fill: currentColor !important;
  color: #d4b483 !important;
}
#search-drawer .search-form:focus-within {
  border-color: #d4b483 !important;
  box-shadow: 0 0 0 3px rgba(184, 149, 106, .22), 0 18px 48px rgba(0, 0, 0, .45) !important;
}
#search-drawer .search-form:focus-within .kadence-search-icon-wrap {
  color: #fff5e1 !important;
}
#search-drawer .search-form:focus-within .search-submit:hover + .kadence-search-icon-wrap,
#search-drawer .search-form:has(.search-submit:hover) .kadence-search-icon-wrap {
  color: #140f0b !important;
}

/* Header search toggle stays gold circle with icon */
html body #masthead .search-toggle-open,
html body #masthead button.search-toggle-open {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(184, 149, 106, .75) !important;
  background: #140f0b !important;
  color: #d4b483 !important;
}

/* ===== MOD: close buttons = proper circles ===== */
#search-drawer .search-toggle-close,
#search-drawer .menu-toggle-close,
#search-drawer .drawer-header .drawer-toggle,
#mobile-drawer .menu-toggle-close,
#mobile-drawer .drawer-header .drawer-toggle,
.kadence-popup-drawer .menu-toggle-close,
.drawer-header .menu-toggle-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(184, 149, 106, .7) !important;
  background: #140f0b !important;
  color: #d4b483 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
  flex: 0 0 40px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#search-drawer .search-toggle-close:hover,
#search-drawer .menu-toggle-close:hover,
#mobile-drawer .menu-toggle-close:hover {
  background: #b8956a !important;
  border-color: #b8956a !important;
  color: #140f0b !important;
}
#search-drawer .search-toggle-close svg,
#search-drawer .menu-toggle-close svg,
#mobile-drawer .menu-toggle-close svg,
#search-drawer .search-toggle-close .kadence-svg-icon,
#mobile-drawer .menu-toggle-close .kadence-svg-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  fill: currentColor !important;
  color: inherit !important;
}

/* Kadence close bars → crisp X inside the circle */
#mobile-drawer .menu-toggle-close .toggle-close-bar,
#search-drawer .search-toggle-close .toggle-close-bar,
.drawer-header .menu-toggle-close .toggle-close-bar {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 16px !important;
  height: 1.5px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: currentColor !important;
  transform-origin: center !important;
}
#mobile-drawer .menu-toggle-close,
#search-drawer .search-toggle-close {
  position: relative !important;
}
#mobile-drawer .menu-toggle-close .toggle-close-bar:first-child,
#search-drawer .search-toggle-close .toggle-close-bar:first-child {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
#mobile-drawer .menu-toggle-close .toggle-close-bar:last-child,
#search-drawer .search-toggle-close .toggle-close-bar:last-child {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}