/* ==========================================================================
   Edglow - warm ivory header
   Same tone as the footer (#FAF7F2) so the top and bottom of every page
   belong to one another. Layout, heights and structure are untouched.
   ========================================================================== */

:root {
  --edg-hd-bg:      #FAF7F2;
  --edg-hd-line:    rgba(10, 46, 42, .10);
  --edg-hd-ink:     #0A2E2A;
  --edg-hd-ink-2:   #123F39;
  --edg-hd-gold:    #B88C59;
}

/* ------------------------------------------------------ the background --- */

.whb-header,
.whb-header .whb-main-header,
.whb-header .whb-row,
.whb-header .whb-row.whb-with-bg,
.whb-header .whb-row.whb-color-dark,
.whb-header .whb-row.whb-color-dark:not(.whb-with-bg),
.whb-clone .whb-row,
.whb-sticked .whb-row,
.whb-header.whb-sticked .whb-main-header {
  background-color: var(--edg-hd-bg) !important;
  background-image: none !important;
}

/* Woodmart paints a translucent row over hero sections - keep it ivory. */
body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) {
  background-color: var(--edg-hd-bg) !important;
}

/* Soft warm separator instead of a hard white edge. */
.whb-header .whb-row.whb-border-fullwidth,
.whb-header .whb-header-bottom {
  border-color: var(--edg-hd-line) !important;
}

.whb-header .whb-general-header {
  border-bottom: 1px solid var(--edg-hd-line);
}

/* --------------------------------------------------------- navigation --- */

.whb-header .wd-nav-main > li > a,
.whb-header .wd-nav-secondary > li > a,
.whb-header .wd-nav > li > a {
  color: var(--edg-hd-ink) !important;
  font-weight: 700;
}

.whb-header .wd-nav > li > a .nav-link-text { letter-spacing: .06em; }

.whb-header .wd-nav > li > a:hover,
.whb-header .wd-nav > li > a:focus,
.whb-header .wd-nav > li.current-menu-item > a,
.whb-header .wd-nav > li.current-menu-ancestor > a,
.whb-header .wd-nav > li.wd-active > a {
  color: var(--edg-hd-ink-2) !important;
}

/* Keep the underline indicator visible against ivory. */
.whb-header .wd-nav.wd-style-underline > li > a .nav-link-text:after,
.whb-header .wd-nav > li > a .nav-link-text:after {
  background-color: var(--edg-hd-gold) !important;
}

/* -------------------------------------------------------------- tools --- */

.whb-header .wd-tools-element {
  --wd-header-el-color: #0A2E2A;
  --wd-header-el-color-hover: #123F39;
}

.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element > a .wd-tools-icon,
.whb-header .wd-tools-element > a .wd-tools-text {
  color: var(--edg-hd-ink);
}

.whb-header .wd-tools-element > a:hover,
.whb-header .wd-tools-element > a:hover .wd-tools-text { color: var(--edg-hd-ink-2); }

/* Cart amount + counter stay legible. */
.whb-header .wd-cart-subtotal,
.whb-header .wd-tools-text,
.whb-header .subtotal-divider {
  color: var(--edg-hd-ink) !important;
  font-weight: 600;
}

.whb-header .wd-tools-count,
.whb-header .wd-cart-number {
  background-color: var(--edg-hd-ink-2) !important;
  color: #FFFFFF !important;
}

/* ------------------------------------------------------ social icons --- */

.whb-header .wd-social-icons.wd-style-bordered .wd-social-icon {
  border-color: rgba(10, 46, 42, .22);
  color: var(--edg-hd-ink);
  background-color: transparent;
}

.whb-header .wd-social-icons.wd-style-bordered .wd-social-icon:hover {
  border-color: var(--edg-hd-ink-2);
  background-color: var(--edg-hd-ink-2);
  color: #FFFFFF;
}

/* ---------------------------------------------------------------- logo --- */

.whb-header .wd-logo img {
  filter: none;
  opacity: 1;
}

/* --------------------------------------------------------- mobile bar --- */

@media (max-width: 1024px) {
  /* A taller, calmer bar - the old 60px felt cramped. */
  :root { --wd-header-general-sm-h: 78px; }

  .whb-header .whb-row,
  .whb-header .whb-main-header,
  .whb-clone .whb-row {
    background-color: var(--edg-hd-bg) !important;
  }

  .whb-header .whb-general-header { border-bottom: 1px solid var(--edg-hd-line); }

  .whb-header .whb-general-header-inner,
  .whb-header .whb-general-header > .container > .whb-flex-row {
    height: 78px;
    max-height: 78px;
  }

  .whb-header .whb-general-header > .container { padding-inline: 16px; }

  /* Logo: sized by height so it always sits optically centred. */
  .whb-header .whb-mobile-center .site-logo { display: flex; justify-content: center; }

  .whb-header .whb-mobile-center .wd-logo img {
    max-width: none !important;
    max-height: 50px;
    width: auto;
    height: 50px;
    object-fit: contain;
  }

  /* Comfortable, evenly weighted tap targets. */
  .whb-header .whb-mobile-left,
  .whb-header .whb-mobile-right { flex: 0 0 auto; }

  .whb-header .whb-mobile-right { gap: 4px; }

  .whb-header .wd-tools-element > a,
  .whb-header .wd-header-mobile-nav > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    color: var(--edg-hd-ink);
  }

  .whb-header .whb-hidden-lg .wd-tools-icon:before,
  .whb-header .wd-header-mobile-nav .wd-tools-icon:before {
    font-size: 23px;
  }

  .whb-header .whb-hidden-lg .wd-tools-count,
  .whb-header .whb-hidden-lg .wd-cart-number {
    min-width: 17px;
    height: 17px;
    font-size: 10px;
    line-height: 17px;
  }

  /* The running cart total crowds the bar on a phone. */
  .whb-header .whb-mobile-right .wd-cart-subtotal,
  .whb-header .whb-mobile-right .wd-tools-text { display: none; }
}

@media (max-width: 420px) {
  .whb-header .whb-mobile-center .wd-logo img { max-height: 44px; height: 44px; }
  .whb-header .whb-general-header > .container { padding-inline: 12px; }
}

/* header social row: follow links, limited to five.
   Scoped to this one header element - the sticky social rail keeps YouTube and TikTok. */
.whb-20zkpzxdk3dbjrfv0wgn .wd-social-icon.social-youtube,
.whb-20zkpzxdk3dbjrfv0wgn .wd-social-icon.social-tiktok {
  display: none !important;
}