/* Approved 2026-08-28 navigation hit areas and landing-copy polish. */

#accountButton,
#cartCount,
#categoryMenuButton {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 720px) {
  body:not(.military-universe-home) #accountButton,
  body:not(.military-universe-home) #cartCount,
  body:not(.military-universe-home) #categoryMenuButton {
    min-width: 48px;
    min-height: 48px;
  }
}

body.military-universe-home .topbar .nav-actions {
  inset: 0 0 0 61%;
}

body.military-universe-home .topbar #accountButton,
body.military-universe-home .topbar #cartCount,
body.military-universe-home .topbar #categoryMenuButton {
  top: 0;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  transform: none;
}

body.military-universe-home .topbar #accountButton {
  left: 0;
  width: 33.333%;
}

body.military-universe-home .topbar #cartCount {
  left: 33.333%;
  width: 33.334%;
}

body.military-universe-home .topbar #categoryMenuButton {
  left: 66.667%;
  width: 33.333%;
}

body.military-universe-home .topbar #categoryMenuButton .hamburger-icon {
  width: 100%;
  height: 100%;
  gap: 0;
  overflow: hidden;
}

.campaign-hero-reference::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url("campaigns/no-more-lame-patriotic-tees-homepage.jpg") center top / 100% auto no-repeat;
  clip-path: inset(0 55% 91% 0);
  filter: saturate(1.24) contrast(1.2) brightness(1.08) drop-shadow(0 0 3px rgba(210, 151, 83, 0.34));
  pointer-events: none;
}

.hero-copy-filter {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}

.hero-copy-filter--headline {
  clip-path: inset(8.8% 7% 65.4% 7%);
  filter: grayscale(1) contrast(1.72) brightness(1.3);
}

.hero-copy-filter--supporting {
  clip-path: inset(35.6% 31% 54.1% 31%);
  filter: saturate(1.3) contrast(1.34) brightness(1.12) drop-shadow(0 0 2px rgba(197, 137, 75, 0.4));
  mix-blend-mode: screen;
  opacity: 0.58;
}

.campaign-hero-reference .shop-drop-button {
  border: 2px solid #e4bd7e;
  background:
    linear-gradient(115deg, rgba(255, 246, 220, 0.18), transparent 38%),
    linear-gradient(180deg, #cda060 0%, #a97438 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 247, 222, 0.76),
    inset 0 -1px 0 rgba(79, 45, 16, 0.62),
    0 0 8px rgba(229, 180, 103, 0.5),
    0 0 22px rgba(187, 122, 48, 0.3),
    0 6px 20px rgba(0, 0, 0, 0.44);
  text-shadow: 0 1px 0 rgba(255, 231, 185, 0.38);
}