/* Homepage dark theme — scoped to index */

:root[data-theme="dark"] body.page-home {
  background: #050b18;
  color: var(--text);
}

:root[data-theme="dark"] body.page-home .site-nav a,
:root[data-theme="dark"] body.store-location-page .site-nav a {
  color: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.page-home .site-nav a:hover,
:root[data-theme="dark"] body.store-location-page .site-nav a:hover {
  color: var(--gold);
}

:root[data-theme="dark"] body.page-home .site-nav-dropdown,
:root[data-theme="dark"] body.store-location-page .site-nav-dropdown {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.34);
}

:root[data-theme="dark"] body.page-home .site-nav-dropdown a,
:root[data-theme="dark"] body.store-location-page .site-nav-dropdown a {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.page-home .site-nav-dropdown a:hover,
:root[data-theme="dark"] body.store-location-page .site-nav-dropdown a:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

:root[data-theme="dark"] body.page-home .menu-toggle,
:root[data-theme="dark"] body.store-location-page .menu-toggle {
  background: rgba(10, 30, 70, 0.55);
  border-color: rgba(255, 255, 255, 0.14);
}

:root[data-theme="dark"] body.page-home .menu-toggle span,
:root[data-theme="dark"] body.store-location-page .menu-toggle span {
  background: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] body.page-home .hero-overlay {
  background:
    linear-gradient(90deg, rgba(10, 30, 70, 0.95) 0%, rgba(10, 30, 70, 0.87) 44%, rgba(10, 30, 70, 0.5) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.5));
}

:root[data-theme="dark"] body.page-home .hero-wave--straight {
  background: linear-gradient(
    90deg,
    rgba(217, 164, 32, 0.55) 0%,
    var(--gold) 50%,
    rgba(217, 164, 32, 0.55) 100%
  );
}

:root[data-theme="dark"] body.page-home .summer-shop-band {
  background-color: #0a1228;
  background-blend-mode: multiply;
}

:root[data-theme="dark"] body.page-home .summer-shop-band::before {
  background-image: linear-gradient(
    180deg,
    rgba(5, 11, 24, 0.72) 0%,
    rgba(5, 11, 24, 0.88) 100%
  );
}

:root[data-theme="dark"] body.page-home .section-kicker:not(.section-kicker-dark):not(.home-states-head .section-kicker):not(.products-section .section-kicker):not(.app-kicker) {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

:root[data-theme="dark"] body.page-home .home-states-head h2,
:root[data-theme="dark"] body.page-home .usa250-exclusive-head h2,
:root[data-theme="dark"] body.page-home .section-white h2,
:root[data-theme="dark"] body.page-home .products-head-large h2,
:root[data-theme="dark"] body.page-home .center-head h2 {
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="dark"] body.page-home .home-states-head p,
:root[data-theme="dark"] body.page-home .section-lead,
:root[data-theme="dark"] body.page-home .center-copy {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.page-home .home-states-map-frame {
  background: #0f1f3d;
  border-color: rgba(255, 255, 255, 0.12);
}

:root[data-theme="dark"] body.page-home .home-states-map-hint {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.82);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .home-state-link {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .home-state-link:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(225, 31, 45, 0.35);
}

:root[data-theme="dark"] body.page-home .home-state-link-name {
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="dark"] body.page-home .home-state-link-icon path {
  fill: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.page-home .home-states-stat {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .home-states-stat strong {
  color: #fff;
}

:root[data-theme="dark"] body.page-home .about-section--navy,
:root[data-theme="dark"] body.page-home .summer-shop-band .shop-app-band > .about-section--navy,
:root[data-theme="dark"] body.page-home .fundraising-section--navy,
:root[data-theme="dark"] body.page-home .summer-shop-band .shop-app-band > .fundraising-section--navy {
  background-color: var(--navy);
  background-image: url("../images/blue-bellino-texture.jpg");
}

:root[data-theme="dark"] body.page-home .home-states-head .section-kicker,
:root[data-theme="dark"] body.page-home .about-section--navy .section-kicker,
:root[data-theme="dark"] body.page-home .fundraising-section--navy .section-kicker {
  color: var(--gold);
  background: transparent;
  border: none;
  box-shadow: none;
}

:root[data-theme="dark"] body.page-home .about-section--navy h2,
:root[data-theme="dark"] body.page-home .fundraising-section--navy h2 {
  color: #fff;
}

:root[data-theme="dark"] body.page-home .about-section--navy .section-lead,
:root[data-theme="dark"] body.page-home .about-section--navy .content-block p,
:root[data-theme="dark"] body.page-home .fundraising-section--navy .section-lead,
:root[data-theme="dark"] body.page-home .fundraising-section--navy .content-block p {
  color: rgba(255, 255, 255, 0.86);
}

:root[data-theme="dark"] body.page-home .fundraising-photo-card {
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.32);
}

:root[data-theme="dark"] body.page-home .about-section--navy .stats-grid {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.2);
}

:root[data-theme="dark"] body.page-home .about-section--navy .stat-box {
  border-right-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .about-section--navy .stat-box strong {
  color: var(--gold);
}

:root[data-theme="dark"] body.page-home .about-section--navy .stat-box span {
  color: rgba(255, 255, 255, 0.82);
}

:root[data-theme="dark"] body.page-home .about-section--navy .about-photo-card {
  border-bottom-color: var(--gold);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.32);
}

:root[data-theme="dark"] body.page-home .usa250-story-card {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.28);
}

:root[data-theme="dark"] body.page-home .usa250-story-card .usa250-copy h3 {
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="dark"] body.page-home .usa250-story-card .usa250-copy > p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.page-home .usa250-story-card .usa250-stat-card {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .usa250-story-card .usa250-stat-card strong {
  color: #fff;
}

:root[data-theme="dark"] body.page-home .usa250-story-card .usa250-stat-card p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.page-home .usa250-section--exclusive .usa250-product-grid .usa250-product-card,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-grid .usa250-product-card,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card {
  background: #0c1833;
  border-color: var(--red);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.28),
    0 8px 28px rgba(225, 31, 45, 0.22);
}

:root[data-theme="dark"] body.page-home .product-grid:not(.product-grid--catalog) .product-card {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

:root[data-theme="dark"] body.page-home .usa250-section--exclusive .usa250-product-grid .usa250-product-card:hover,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-grid .usa250-product-card:hover,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card:hover {
  box-shadow:
    0 26px 48px rgba(0, 0, 0, 0.32),
    0 10px 32px rgba(225, 31, 45, 0.26);
}

:root[data-theme="dark"] body.page-home .product-grid:not(.product-grid--catalog) .product-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.32);
}

:root[data-theme="dark"] body.page-home .usa250-section--exclusive .usa250-product-grid .usa250-product-image,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-grid .usa250-product-image,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-image-wrap,
:root[data-theme="dark"] body.page-home .usa250-product-image,
:root[data-theme="dark"] body.page-home .product-image-wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
}

:root[data-theme="dark"] body.page-home .usa250-section--exclusive .usa250-product-grid .usa250-product-card:hover .usa250-product-image,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-grid .usa250-product-card:hover .usa250-product-image,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card:hover .product-image-wrap {
  background:
    radial-gradient(120% 80% at 50% 100%, rgba(225, 31, 45, 0.1) 0%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
}

:root[data-theme="dark"] body.page-home .usa250-product-body h3,
:root[data-theme="dark"] body.page-home .product-card-body h3,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-body h3,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-body h3 {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.page-home .usa250-product-body p,
:root[data-theme="dark"] body.page-home .product-card p {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-body p,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-body p {
  color: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-subnote,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-subnote span,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-subnote,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-subnote span,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-body .product-card-subnote,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-body .product-card-subnote span {
  color: var(--red);
  text-decoration-color: rgba(225, 31, 45, 0.5);
}

:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-view,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-view {
  color: var(--gold);
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-view:hover,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-view:hover {
  color: #f0c14d;
}

:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-view:focus-visible,
:root[data-theme="dark"] body.page-home .products-browser .product-grid .product-card-view:focus-visible {
  outline-color: var(--gold);
}

:root[data-theme="dark"] body.page-home .usa250-section--exclusive .usa250-product-grid .product-card-view,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-grid .product-card-view,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-view,
:root[data-theme="dark"] body.page-home .usa250-product-card .product-card-view {
  color: var(--gold);
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] body.page-home .usa250-section--exclusive .usa250-product-grid .product-card-view:hover,
:root[data-theme="dark"] body.page-home .usa250-section--new2026 .usa250-product-grid .product-card-view:hover,
:root[data-theme="dark"] body.page-home .product-grid--catalog .product-card-view:hover,
:root[data-theme="dark"] body.page-home .usa250-product-card .product-card-view:hover {
  color: #f0c14d;
}

:root[data-theme="dark"] body.page-home .usa250-flag-underline {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);
}

:root[data-theme="dark"] body.page-home .site-footer--expanded,
:root[data-theme="dark"] body.store-location-page .site-footer--expanded {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] body.page-home .shop-app-band {
  z-index: 1;
  background-color: #050b18;
  background-image: url("../images/dark-mode-bellino.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: min(420px, 92vw);
  background-attachment: fixed;
}

:root[data-theme="dark"] body.page-home .shop-app-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(5, 11, 24, 0.55) 0%,
    rgba(5, 11, 24, 0.78) 100%
  );
}

:root[data-theme="dark"] body.page-home .app-heading,
:root[data-theme="dark"] body.page-home .app-point strong,
:root[data-theme="dark"] body.page-home .app-store-inline-copy strong {
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="dark"] body.page-home .app-lead,
:root[data-theme="dark"] body.page-home .app-point span,
:root[data-theme="dark"] body.page-home .app-store-inline-copy small {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.page-home .app-point,
:root[data-theme="dark"] body.page-home .app-store-inline {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

:root[data-theme="dark"] body.page-home .app-store-inline-icon-play::before {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.96);
}

:root[data-theme="dark"] body.page-home .usa250-story-card .usa250-visual {
  border-left-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 900px) {
  :root[data-theme="dark"] body.page-home .site-nav,
  :root[data-theme="dark"] body.store-location-page .site-nav {
    background: #0c1833;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="dark"] body.page-home .shop-app-band {
    background-attachment: scroll;
  }
}