/* Cuisinier Equipment / Footer-matched header palette — 2.7.0
   Local to the header/menu components; does not restyle WooCommerce content or the footer.
   Palette: charcoal #191919, lavender #C7D4FE, white #FFFFFF,
   ice #E3E8FC, royal blue #0F51D9, cobalt #0253FC.
*/

#doh-header.doh-header-outer,
#doh-header .doh-header-content {
  --doh-navy: #191919;
  --doh-orange: #C7D4FE;
  --doh-ink: #FFFFFF;
  --doh-line: rgba(199,212,254,.25);
  background-color: #191919 !important;
  color: #FFFFFF !important;
}
#doh-header.doh-header-outer { isolation: isolate; }
#doh-header .doh-header-content {
  border-top: 3px solid #0253FC !important;
  border-bottom: 1px solid rgba(199,212,254,.25) !important;
}
#doh-header .doh-logo,
#doh-header .doh-logo a { background: transparent !important; }
#doh-header .doh-logo a { display:flex; align-items:center; min-width:0; text-decoration:none!important; }
#doh-header .doh-logo-text {
  display:block;
  font: 800 19px/1.05 "DOH Roboto Condensed",Arial,sans-serif !important;
  letter-spacing:.035em;
  color:#FFFFFF !important;
  text-transform:uppercase;
  white-space:nowrap;
}
#doh-header .doh-logo a:focus-visible,
#doh-header .doh-nav-1:focus-visible,
#doh-header .doh-util-button:focus-visible,
#doh-header button:focus-visible,
#doh-mobile-menu button:focus-visible,
#doh-mobile-menu a:focus-visible {
  outline: 2px solid #C7D4FE !important;
  outline-offset: 3px;
}

/* Desktop bar: lavender footer-link color, white active/hover text. */
#doh-header .doh-header-main-menu,
#doh-header .doh-menu-item { background:transparent !important; }
#doh-header .doh-header-main-menu .doh-nav-1,
#doh-header .doh-header-main-menu .doh-nav-1:visited,
#doh-header .doh-header-main-menu .doh-nav-1 span {
  color: #C7D4FE !important;
  text-decoration: none !important;
  background:transparent !important;
}
#doh-header .doh-header-main-menu .doh-menu-item:hover > .doh-nav-1,
#doh-header .doh-header-main-menu .doh-menu-item.is-open > .doh-nav-1,
#doh-header .doh-header-main-menu .doh-nav-1:hover,
#doh-header .doh-header-main-menu .doh-nav-1:focus-visible,
#doh-header .doh-header-main-menu .doh-menu-item:hover > .doh-nav-1 span,
#doh-header .doh-header-main-menu .doh-menu-item.is-open > .doh-nav-1 span {
  color: #FFFFFF !important;
}
#doh-header .doh-submenu-trigger {
  background:transparent !important;
  color:#C7D4FE !important;
}
#doh-header .doh-util-button,
#doh-header .doh-util-button:visited,
#doh-header .doh-util-button svg {
  background:transparent !important;
  color:#C7D4FE !important;
  stroke:currentColor;
}
#doh-header .doh-util-button:hover,
#doh-header .doh-util-button:hover svg,
#doh-header .doh-util-button:focus-visible { color:#FFFFFF !important; }
#doh-header .doh-cart-count {
  background:#0253FC !important;
  color:#FFFFFF !important;
}

/* Mega dropdown: ice cards with charcoal labels (high contrast). */
#doh-header .doh-mega-menu {
  background:#E3E8FC !important;
  color:#191919 !important;
  border-top: 2px solid #0253FC !important;
  box-shadow:0 14px 32px rgba(0,0,0,.25);
}
#doh-header .doh-mega-inner,
#doh-header .doh-mega-layout,
#doh-header .doh-mega-nav,
#doh-header .doh-mega-visuals,
#doh-header .doh-mega-grid { background:transparent !important; }
#doh-header .doh-mega-nav-title {
  color:#191919 !important;
  background:transparent !important;
}
#doh-header .doh-mega-nav li a,
#doh-header .doh-mega-nav li a:visited {
  color:#191919 !important;
  background:transparent !important;
}
#doh-header .doh-mega-nav li a:hover,
#doh-header .doh-mega-nav li a:focus-visible { color:#0F51D9 !important; }
#doh-header .doh-mega-tile,
#doh-header .doh-mega-tile:visited,
#doh-header .doh-mega-image {
  background:#FFFFFF !important;
  color:#191919 !important;
}
#doh-header .doh-mega-tile { border-radius:6px; overflow:hidden; }
#doh-header .doh-mega-label,
#doh-header .doh-mega-tile .doh-mega-label {
  color:#191919 !important;
  background:#FFFFFF !important;
  padding:7px 8px 9px;
}
#doh-header .doh-mega-tile:hover .doh-mega-label,
#doh-header .doh-mega-tile:focus-visible .doh-mega-label { color:#0F51D9 !important; }
#doh-header .doh-shop-all,
#doh-header .doh-shop-all:visited {
  background:#0F51D9 !important;
  color:#FFFFFF !important;
}
#doh-header .doh-shop-all:hover,
#doh-header .doh-shop-all:focus-visible { background:#0253FC !important; color:#FFFFFF !important; }
#doh-header .doh-mega-backdrop { background:rgba(0,0,0,.50) !important; }

/* Search: same dark panel and readable white inputs. */
#doh-header .doh-search-bar,
#doh-header .doh-search-inner { background:#191919 !important; color:#FFFFFF !important; }
#doh-header .doh-search-inner input[type="search"] {
  background:#FFFFFF !important;
  color:#191919 !important;
  border:1px solid #C7D4FE !important;
}
#doh-header .doh-search-inner form>button { color:#191919 !important; background:transparent !important; }
#doh-header .doh-close-search { color:#C7D4FE !important; background:transparent !important; }
#doh-header .doh-close-search:hover { color:#FFFFFF !important; }

/* The drawer is a sibling of the header, so it needs its own scoped rules. */
#doh-mobile-menu.doh-mobile-menu {
  --doh-navy: #191919;
  --doh-orange: #0F51D9;
  --doh-ink: #FFFFFF;
  --doh-line: rgba(199,212,254,.25);
}
#doh-mobile-menu .doh-mobile-wrapper,
#doh-mobile-menu .doh-mobile-content,
#doh-mobile-menu .doh-mobile-main-list,
#doh-mobile-menu .doh-mobile-item {
  background:#191919 !important;
  color:#FFFFFF !important;
}
#doh-mobile-menu .doh-mobile-head {
  background:#191919 !important;
  color:#FFFFFF !important;
  border-bottom:2px solid #0253FC !important;
}
#doh-mobile-menu .doh-mobile-title { color:#FFFFFF !important; }
#doh-mobile-menu .doh-mobile-close,
#doh-mobile-menu .doh-mobile-close svg { background:transparent !important; color:#C7D4FE !important; }
#doh-mobile-menu .doh-mobile-item>a,
#doh-mobile-menu .doh-mobile-item>a:visited {
  color:#C7D4FE !important;
  background:transparent !important;
}
#doh-mobile-menu .doh-mobile-item>a:hover,
#doh-mobile-menu .doh-mobile-item>a:focus-visible { color:#FFFFFF !important; }
#doh-mobile-menu .doh-mobile-open-submenu {
  color:#C7D4FE !important;
  background:transparent !important;
  border-left-color:rgba(199,212,254,.25) !important;
}
#doh-mobile-menu .doh-mobile-submenu,
#doh-mobile-menu .doh-mobile-subhead,
#doh-mobile-menu .doh-mobile-subitems { background:#E3E8FC !important; color:#191919 !important; }
#doh-mobile-menu .doh-mobile-subhead {
  border-bottom:1px solid rgba(25,25,25,.18) !important;
}
#doh-mobile-menu .doh-mobile-subhead>span { color:#191919 !important; }
#doh-mobile-menu .doh-mobile-back { color:#191919 !important; background:transparent !important; }
#doh-mobile-menu .doh-mobile-subitem,
#doh-mobile-menu .doh-mobile-subitem:visited {
  color:#191919 !important;
  background:transparent !important;
  border-bottom-color:rgba(25,25,25,.16) !important;
}
#doh-mobile-menu .doh-mobile-subitem:hover,
#doh-mobile-menu .doh-mobile-subitem:focus-visible { color:#0F51D9 !important; }
#doh-mobile-menu .doh-mobile-thumb { background:#FFFFFF !important; }
#doh-mobile-menu .doh-mobile-shop-all,
#doh-mobile-menu .doh-mobile-shop-all:visited { background:#0F51D9 !important; color:#FFFFFF !important; }
#doh-mobile-menu .doh-mobile-shop-all:hover { background:#0253FC !important; }
#doh-mobile-menu .doh-mobile-extras { background:#191919 !important; border-top:1px solid rgba(199,212,254,.25) !important; }
#doh-mobile-menu .doh-mobile-extras>a,
#doh-mobile-menu .doh-mobile-extras>a:visited { color:#C7D4FE !important; background:transparent !important; }
#doh-mobile-menu .doh-mobile-extras>a:hover { color:#FFFFFF !important; }

@media(max-width:939px){
  #doh-header .doh-logo-text {
    font-size:clamp(12px,3.5vw,17px) !important;
    letter-spacing:.01em !important;
  }
}
@media(max-width:390px){
  #doh-header .doh-logo-text { font-size:12px !important; letter-spacing:0 !important; }
}


/* Cuisinier v2.7.2 — fix unreadable light dropdown text.
   The homepage V8 stylesheet applies -webkit-text-fill-color:#fff to nav a,
   overriding text color even when another CSS rule sets color:#191919.
   Set BOTH properties explicitly; keep the blue Shop All button white.
   These rules only affect this header's actual dropdowns, never other site links.
*/
#doh-header .doh-mega-menu,
#doh-header .doh-mega-menu .doh-mega-nav,
#doh-header .doh-mega-menu .doh-mega-nav-title {
    color: #191919 !important;
    -webkit-text-fill-color: #191919 !important;
}
#doh-header .doh-mega-menu .doh-mega-nav ul li a,
#doh-header .doh-mega-menu .doh-mega-nav ul li a:link,
#doh-header .doh-mega-menu .doh-mega-nav ul li a:visited,
#doh-header .doh-mega-menu .doh-mega-tile,
#doh-header .doh-mega-menu .doh-mega-label {
    color: #191919 !important;
    -webkit-text-fill-color: #191919 !important;
}
#doh-header .doh-mega-menu .doh-mega-nav ul li a:hover,
#doh-header .doh-mega-menu .doh-mega-nav ul li a:focus-visible,
#doh-header .doh-mega-menu .doh-mega-tile:hover .doh-mega-label,
#doh-header .doh-mega-menu .doh-mega-tile:focus-visible .doh-mega-label {
    color: #0F51D9 !important;
    -webkit-text-fill-color: #0F51D9 !important;
}
#doh-header .doh-mega-menu .doh-shop-all,
#doh-header .doh-mega-menu .doh-shop-all:link,
#doh-header .doh-mega-menu .doh-shop-all:visited,
#doh-header .doh-mega-menu .doh-shop-all:hover,
#doh-header .doh-mega-menu .doh-shop-all:focus-visible {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* Ice mobile submenus need charcoal text as well. */
#doh-mobile-menu .doh-mobile-submenu,
#doh-mobile-menu .doh-mobile-subhead,
#doh-mobile-menu .doh-mobile-subhead > span,
#doh-mobile-menu .doh-mobile-back,
#doh-mobile-menu .doh-mobile-subitem,
#doh-mobile-menu .doh-mobile-subitem:link,
#doh-mobile-menu .doh-mobile-subitem:visited,
#doh-mobile-menu .doh-mobile-subitem > span {
    color: #191919 !important;
    -webkit-text-fill-color: #191919 !important;
}
#doh-mobile-menu .doh-mobile-subitem:hover,
#doh-mobile-menu .doh-mobile-subitem:hover > span,
#doh-mobile-menu .doh-mobile-subitem:focus-visible,
#doh-mobile-menu .doh-mobile-subitem:focus-visible > span {
    color: #0F51D9 !important;
    -webkit-text-fill-color: #0F51D9 !important;
}
#doh-mobile-menu .doh-mobile-shop-all,
#doh-mobile-menu .doh-mobile-shop-all:visited {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* Preserve the existing white/lavender top-level menu on charcoal. */
#doh-header .doh-header-main-menu .doh-nav-1,
#doh-header .doh-header-main-menu .doh-nav-1 span {
    -webkit-text-fill-color: #C7D4FE !important;
}
#doh-header .doh-header-main-menu .doh-menu-item:hover > .doh-nav-1,
#doh-header .doh-header-main-menu .doh-menu-item:hover > .doh-nav-1 span,
#doh-header .doh-header-main-menu .doh-menu-item.is-open > .doh-nav-1,
#doh-header .doh-header-main-menu .doh-menu-item.is-open > .doh-nav-1 span {
    -webkit-text-fill-color: #FFFFFF !important;
}
