/**
 * Donkey Comps — dark sticky header
 */
#site-header.donkey-header {
  background: rgba(12, 10, 7, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(201, 162, 39, 0.18);
  box-shadow: none;
}

/* Order-received: restore header spacers when lty-result-screens .hidden loads after theme CSS */
@media (min-width: 64rem) {
  body.woocommerce-order-received #site-header.donkey-header > div > nav > .donkey-header__spacer,
  body.nera-order-received-page #site-header.donkey-header > div > nav > .donkey-header__spacer {
    display: block !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }
}

/* Checkout: header must sit above LTY result overlay (z-index 99999) so nav dropdowns stay hoverable */
body.woocommerce-checkout #site-header.donkey-header {
  z-index: 100001;
}

/* Checkout: restore desktop dropdown hover when plugin CSS overrides Tailwind group-hover utilities */
@media (min-width: 64rem) {
  body.woocommerce-checkout #site-header.donkey-header nav .menu-item-has-children.group:hover > .sub-menu,
  body.woocommerce-checkout #site-header.donkey-header nav .menu-item-has-children.group:focus-within > .sub-menu {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  body.woocommerce-checkout #site-header.donkey-header nav .menu-item-has-children.group::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 0.5rem;
  }
}

#site-header.donkey-header .donkey-header__wordmark {
  font-weight: 800;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  background: linear-gradient(135deg, #fbe08e, #d4a53a 45%, #c9991f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#site-header.donkey-header .donkey-header__mark {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: linear-gradient(135deg, #fbe08e, #d4a53a 45%, #9c6a13);
  color: #0c0a07;
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: -0.05em;
  box-shadow: 0 4px 12px -4px rgba(201, 162, 39, 0.6);
}

#site-header.donkey-header .donkey-header__logo {
  max-height: 4rem;
  width: auto;
  object-fit: contain;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (min-width: 64rem) {
  #site-header.donkey-header .donkey-header__logo {
    max-height: 4rem;
  }
}

/* Desktop primary nav — mockup: rgba white default, #f4d582 active/hover */
#site-header.donkey-header #menu-primary {
  gap: 26px;
}

#site-header.donkey-header #menu-primary > .menu-item > a {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

#site-header.donkey-header #menu-primary > .menu-item > a:hover,
#site-header.donkey-header #menu-primary > .menu-item > a:focus-visible {
  color: #f4d582 !important;
}

#site-header.donkey-header #menu-primary > .current-menu-item > a,
#site-header.donkey-header #menu-primary > .current-menu-ancestor > a,
#site-header.donkey-header #menu-primary > .current_page_item > a {
  color: #f4d582 !important;
  font-weight: 700;
}

#site-header.donkey-header .donkey-header__icon-btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  place-items: center;
  color: #ffffff;
  transition: border-color 0.2s ease;
}

#site-header.donkey-header .donkey-header__icon-btn:hover {
  border-color: rgba(201, 162, 39, 0.4);
  color: #f4d582;
}

/* Mobile header icons — light on dark background */
#site-header.donkey-header nav > .flex.lg\:hidden > a[aria-label="View Cart"],
#site-header.donkey-header #mobile-menu-toggle {
  color: rgba(255, 255, 255, 0.82) !important;
  transition: color 0.2s ease;
}

#site-header.donkey-header nav > .flex.lg\:hidden > a[aria-label="View Cart"]:hover,
#site-header.donkey-header nav > .flex.lg\:hidden > a[aria-label="View Cart"]:focus-visible,
#site-header.donkey-header #mobile-menu-toggle:hover,
#site-header.donkey-header #mobile-menu-toggle:focus-visible {
  color: #f4d582 !important;
}

#site-header.donkey-header .donkey-header__cart-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.125rem;
  background: linear-gradient(135deg, #f4d06a, #c9991f);
  color: #1a1303;
  border-radius: 9999px;
  font-weight: 800;
  font-size: 0.8125rem;
  text-decoration: none;
  box-shadow: 0 8px 18px -8px rgba(201, 162, 39, 0.7);
}

#site-header.donkey-header .donkey-header__cart-pill:hover {
  color: #1a1303;
  filter: brightness(1.05);
}

#site-header.donkey-header #mobile-menu {
  background: #0c0a07;
  border-top-color: rgba(201, 162, 39, 0.18);
}

#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .menu-item > a,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav .min-w-0.flex-1 {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .menu-item > a:hover,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .menu-item > a:focus-visible,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav .min-w-0.flex-1:hover,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav .min-w-0.flex-1:focus-visible {
  color: #f4d582 !important;
}

#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .current-menu-item > a,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .current-menu-ancestor > a,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .current_page_item > a,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .current-menu-item .min-w-0.flex-1,
#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .current-menu-ancestor .min-w-0.flex-1 {
  color: #f4d582 !important;
  font-weight: 700;
}

/* Mobile nav — accordion / submenu */
#site-header.donkey-header #mobile-menu .donkey-mobile-parent-row {
  padding: 0.5rem 0;
}

#site-header.donkey-header #mobile-menu .donkey-mobile-parent-link {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.875rem;
  font-weight: 600;
}

#site-header.donkey-header #mobile-menu .donkey-mobile-parent-link:hover,
#site-header.donkey-header #mobile-menu .donkey-mobile-parent-link:focus-visible {
  color: #f4d582 !important;
}

#site-header.donkey-header #mobile-menu .current-menu-item > .donkey-mobile-parent-row .donkey-mobile-parent-link,
#site-header.donkey-header #mobile-menu .current-menu-ancestor > .donkey-mobile-parent-row .donkey-mobile-parent-link,
#site-header.donkey-header #mobile-menu .current_page_item > .donkey-mobile-parent-row .donkey-mobile-parent-link {
  color: #f4d582 !important;
  font-weight: 700;
}

#site-header.donkey-header #mobile-menu .nera-mobile-submenu-toggle {
  color: rgba(255, 255, 255, 0.65) !important;
  background: none;
  border: none;
  transition: color 0.2s ease;
}

#site-header.donkey-header #mobile-menu .nera-mobile-submenu-toggle:hover,
#site-header.donkey-header #mobile-menu .nera-mobile-submenu-toggle:focus-visible {
  color: #f4d582 !important;
}

#site-header.donkey-header #mobile-menu .menu-item-has-children:has(.nera-mobile-submenu-toggle[aria-expanded='true']) .nera-mobile-submenu-toggle {
  color: #f4d582 !important;
}

#site-header.donkey-header #mobile-menu .nera-mobile-sub-menu {
  margin-top: 0.125rem;
  margin-left: 0.75rem;
  padding: 0 0 0 0.75rem;
  border: none !important;
  border-left: 1px solid rgba(201, 162, 39, 0.25) !important;
  border-radius: 0;
  background: none;
  list-style: none;
}

#site-header.donkey-header #mobile-menu .nera-mobile-primary-nav > .menu-item-has-children:has(.nera-mobile-submenu-toggle[aria-expanded='true']) {
  margin-bottom: 0.25rem;
}

#site-header.donkey-header #mobile-menu .nera-mobile-sub-menu .menu-item + .menu-item {
  margin-top: 0.125rem;
}

#site-header.donkey-header #mobile-menu .nera-mobile-sub-menu a {
  display: block;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.82) !important;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}

#site-header.donkey-header #mobile-menu .nera-mobile-sub-menu a:hover,
#site-header.donkey-header #mobile-menu .nera-mobile-sub-menu a:focus-visible {
  color: #f4d582 !important;
  background: rgba(201, 162, 39, 0.1);
}

#site-header.donkey-header #mobile-menu .nera-mobile-sub-menu .current-menu-item > a {
  color: #f4d582 !important;
  background: rgba(201, 162, 39, 0.12);
  font-weight: 700;
}

#site-header.donkey-header #mobile-menu > div > a:not(.bg-gradient-primary) {
  color: rgba(255, 255, 255, 0.82);
}

#site-header.donkey-header #mobile-menu > div > a:not(.bg-gradient-primary):hover {
  color: #f4d582;
}

#site-header.donkey-header #mobile-menu hr {
  border-color: rgba(255, 255, 255, 0.1);
}