/* High-contrast text on dark surfaces */
.hyper-sport-theme .nav nav a,
.hyper-sport-theme .actions>a:not(.cta),
.hyper-sport-theme .heroCopy>p,
.hyper-sport-theme .head>p,
.hyper-sport-theme .card .info p,
.hyper-sport-theme .card .info>small,
.hyper-sport-theme .card .rating span,
.hyper-sport-theme .about p,
.hyper-sport-theme footer p,
.hyper-sport-theme footer a,
.hyper-sport-theme .legal,
.hyper-sport-theme .hs-page-hero p,
.hyper-sport-theme .hs-story p,
.hyper-sport-theme .hs-contact-info>p,
.hyper-sport-theme .hs-contact-info>a span,
.hyper-sport-theme .hs-contact-form label,
.hyper-sport-theme .hs-wholesale-intro p,
.hyper-sport-theme .hs-wholesale-process p,
.hyper-sport-theme .hs-wholesale-form-layout>div>p,
.hyper-sport-theme .hs-wholesale-form-layout li,
.hyper-sport-theme .hs-shop,
.hyper-sport-theme.woocommerce-page main,
.hyper-sport-theme.woocommerce main{color:#fff}

.hyper-sport-theme .eyebrow,
.hyper-sport-theme .head small,
.hyper-sport-theme .about small,
.hyper-sport-theme .hs-page-hero small,
.hyper-sport-theme .hs-story small,
.hyper-sport-theme .hs-contact small,
.hyper-sport-theme .hs-shop small,
.hyper-sport-theme .hs-cta small,
.hyper-sport-theme .hs-wholesale-intro small,
.hyper-sport-theme .hs-wholesale-process small,
.hyper-sport-theme .hs-wholesale-form-section small{color:#fff}

/* Storefront assigns dark colors directly to headings. Override that rule on
   this theme's dark surfaces so titles stay legible. */
.hyper-sport-theme .hero h1,
.hyper-sport-theme .catalog h2,
.hyper-sport-theme .about h2,
.hyper-sport-theme .hs-page-hero h1,
.hyper-sport-theme .hs-story h2,
.hyper-sport-theme .hs-contact h2,
.hyper-sport-theme .hs-shop h1,
.hyper-sport-theme .hs-shop h2,
.hyper-sport-theme .hs-cta h2,
.hyper-sport-theme .hs-wholesale-intro h2,
.hyper-sport-theme .hs-wholesale-process h2,
.hyper-sport-theme .hs-wholesale-process h3,
.hyper-sport-theme .hs-wholesale-form-section h2,
.hyper-sport-theme footer h2,
.hyper-sport-theme footer h3{color:#fff!important}

/* Keep branded emphasis red inside white headings. */
.hyper-sport-theme .hero h1 em,
.hyper-sport-theme .catalog h2 em,
.hyper-sport-theme .about h2 em,
.hyper-sport-theme .hs-page-hero h1 em,
.hyper-sport-theme .hs-story h2 em,
.hyper-sport-theme .hs-contact h2 em,
.hyper-sport-theme .hs-shop h1 em,
.hyper-sport-theme .hs-shop h2 em,
.hyper-sport-theme .hs-cta h2 em,
.hyper-sport-theme .hs-wholesale-intro h2 em,
.hyper-sport-theme .hs-wholesale-process h2 em,
.hyper-sport-theme .hs-wholesale-form-section h2 em{color:var(--red)!important}

.hyper-sport-theme input::placeholder,
.hyper-sport-theme textarea::placeholder{color:#fff;opacity:.82}

/* Preserve readable dark copy on light sections */
.hyper-sport-theme .goals p,
.hyper-sport-theme .goals small,
.hyper-sport-theme .hs-values p,
.hyper-sport-theme .hs-values small,
.hyper-sport-theme .hs-wholesale-benefits p,
.hyper-sport-theme .hs-wholesale-benefits small{color:#333}

.hyper-sport-theme .goals h2,
.hyper-sport-theme .goals h3,
.hyper-sport-theme .hs-values h2,
.hyper-sport-theme .hs-values h3,
.hyper-sport-theme .hs-wholesale-benefits h2,
.hyper-sport-theme .hs-wholesale-benefits h3{color:#111!important}

/* Red interaction highlight */
.hyper-sport-theme a,
.hyper-sport-theme button,
.hyper-sport-theme input,
.hyper-sport-theme select,
.hyper-sport-theme textarea{transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}
.hyper-sport-theme a:not(.cta):not(.button):hover,
.hyper-sport-theme a:not(.cta):not(.button):focus-visible{color:var(--red)!important}
.hyper-sport-theme .cta:hover,
.hyper-sport-theme .cta:focus-visible,
.hyper-sport-theme button:hover,
.hyper-sport-theme button:focus-visible,
.hyper-sport-theme .button:hover,
.hyper-sport-theme .button:focus-visible{background:#ef233c!important;color:#fff!important;border-color:#ef233c!important}
.hyper-sport-theme input:hover,
.hyper-sport-theme input:focus,
.hyper-sport-theme select:hover,
.hyper-sport-theme select:focus,
.hyper-sport-theme textarea:hover,
.hyper-sport-theme textarea:focus{border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red)}
.hyper-sport-theme .card:hover{border-color:var(--red)}