/* LGND Static Site — Overrides & fixes */

/* ─────────────────────────────────────────────
   STICKY SCROLL FIX
   Announcement bar ≈ 40px, header ≈ 68px
───────────────────────────────────────────────*/
:root {
  --announcement-bar-height: 40px;
  --announcement-bar-is-sticky: 0;
  --header-height: 64px;
  --header-is-sticky: 1;
  --header-is-visible: 1;
  --sticky-area-height: calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px));
}

/* Prevent anchor links + page sections from hiding under sticky header */
html {
  scroll-padding-top: var(--sticky-area-height, 108px);
}

/* The announcement bar itself is NOT sticky (sticky=0 above),
   but the header IS sticky and sits right below it. */
.shopify-section--announcement-bar {
  position: relative;
  z-index: 5;
}

/* ── ANNOUNCEMENT BAR: fixed top layer (exact ID) ── */
#shopify-section-sections--19457422917782__announcement_bar_hnR4V9 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  /* Force red background — JS that set this dynamically was stripped */
  background-color: #C30404 !important;
}

/* Announcement bar inner elements — white text */
#shopify-section-sections--19457422917782__announcement_bar_hnR4V9 .announcement-bar,
#shopify-section-sections--19457422917782__announcement_bar_hnR4V9 .announcement-bar__message,
#shopify-section-sections--19457422917782__announcement_bar_hnR4V9 * {
  background-color: #C30404 !important;
  color: #ffffff !important;
}

/* Carousel arrows */
#shopify-section-sections--19457422917782__announcement_bar_hnR4V9 .slider-controls button,
#shopify-section-sections--19457422917782__announcement_bar_hnR4V9 button {
  color: #ffffff !important;
}

/* ── HEADER: fixed directly below announcement bar (exact ID) ── */
#shopify-section-sections--19457422917782__header {
  position: fixed !important;
  top: var(--announcement-bar-height, 40px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  background: #000 !important;
}

/* Force black on every inner wrapper */
.header, .header-custom-1,
.x-header, .height-observer,
.color-scheme--scheme-3,
#shopify-section-sections--19457422917782__header > * {
  background: #000 !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════
   HEADER LAYOUT  —  target x-header directly
   (.header-custom-1 class is never applied by
    browser; x-header is the actual element)
══════════════════════════════════════════════ */

/* ── .x-header: 3-col grid — left | logo | right ── */
.x-header,
.height-observer {
  display: block !important;
}

.x-header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  min-height: 64px !important;
  padding: 0 16px !important;
  background: #000 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Logo — column 2 (auto width, dead center) */
.header__logo {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 16px !important;
  position: static !important;
  transform: none !important;
  z-index: 2 !important;
}
.header__logo-image,
.header__logo img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 110px !important;
  height: auto !important;
  max-width: none !important;
}

/* ── Left area: col 1 ── */
.header__primary-nav.header-custom-1__left-area {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  z-index: 3 !important;
  align-self: center !important;
}

/* Hamburger */
.header-custom-1__drawer-trigger {
  background: none !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  padding: 0 8px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
}
.header-custom-1__drawer-trigger svg {
  color: #fff !important;
  stroke: #fff !important;
}

/* Nav ul — horizontal row, wraps SALE to next line */
.header-custom-1__desktop-nav--left ul,
.header-custom-1__desktop-nav--left .contents {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.header-custom-1__desktop-nav--left .header__primary-nav-item {
  display: flex !important;
}

/* Nav link base */
.header-custom-1__desktop-link,
.header-custom-1__styled-link {
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
  text-decoration: none !important;
  font-family: 'Saira', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  padding: 0 10px !important;
  height: 44px !important;
  white-space: nowrap !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
}
.header-custom-1__link-text { color: inherit !important; }
.header-custom-1__link-label { display: flex !important; align-items: center !important; gap: 5px !important; }

/* SALE — own row (width:100% forces wrap inside the ul) */
.menu-link--sale {
  width: 100% !important;
  height: 20px !important;
  padding: 0 0 3px 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  color: #C30404 !important;
  display: flex !important;
  align-items: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: 'Saira', sans-serif !important;
}
.menu-link--sale .header-custom-1__link-text { color: #C30404 !important; }

/* ── Right area: col 3 ── */
.header-custom-1__right-area {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-self: end !important;
  z-index: 3 !important;
}
.header__primary-nav.header-custom-1__right-menu-area {
  display: flex !important;
  align-items: center !important;
}
.header-custom-1__desktop-nav--right ul,
.header-custom-1__desktop-nav--right .contents {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Trophy icon */
.header-custom-1__link-icon img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
}

/* MEMBERSHIP gold */
.menu-link--membership,
.menu-link--membership .header-custom-1__link-text {
  color: #d4a017 !important;
}

/* ── Icon nav (account, search, cart) ── */
.header__secondary-nav ul,
.header__secondary-nav .contents {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.header__secondary-nav a,
.header__secondary-nav button {
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
  padding: 0 8px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
}
.header__secondary-nav svg {
  color: #fff !important;
  stroke: #fff !important;
  width: 22px !important;
  height: 22px !important;
}

/* Sweepstakes <details> fix */
.header__menu-disclosure { display: contents !important; }
.header__menu-disclosure summary { list-style: none !important; }
.header__menu-disclosure summary::-webkit-details-marker { display: none !important; }


/* Push page content below both fixed bars */
body {
  padding-top: calc(var(--announcement-bar-height, 40px) + var(--header-height, 68px)) !important;
}




/* ── Drawer open state ── */
#sidebar-menu.is-open {
  transform: translateX(0) !important;
  visibility: visible !important;
}

/* ── Search panel open ── */
.header-search.is-open {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ── Header scrolled shadow ── */
.header--scrolled {
  box-shadow: 0 2px 20px rgba(0,0,0,0.25) !important;
}



cart-dot {
  display: none;
}

/* ── Remove Shopify-only interactive elements ── */
shopify-accelerated-checkout,
shopify-payment-terms,
shop-pay-button {
  display: none !important;
}

/* ── Ensure announcement bar carousel works ── */
.announcement-bar__message {
  display: block;
}

/* ── Fonts fallback if CDN fonts fail ── */
body {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Saira', sans-serif;
}