/* ============================================================
   GAMING THEME - Inspired by Pubzi eSports Template
   Overrides styles.css with dark gaming aesthetic
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Days+One&family=Chakra+Petch:wght@300;400;500;600;700&display=swap');

/* ─── CSS Variables Override ─────────────────────────────── */
:root {
  /* Colors */
  --background: 222 18% 7%;
  --foreground: 0 0% 92%;
  --card: 225 10% 11%;
  --card-foreground: 0 0% 92%;
  --popover: 225 10% 11%;
  --popover-foreground: 0 0% 92%;
  --primary: 180 100% 50%;
  --primary-foreground: 222 18% 7%;
  --secondary: 225 10% 14%;
  --secondary-foreground: 0 0% 92%;
  --muted: 225 10% 14%;
  --muted-foreground: 0 0% 55%;
  --accent: 180 100% 50%;
  --accent-foreground: 222 18% 7%;
  --border: 225 10% 18%;
  --input: 225 10% 18%;
  --ring: 180 100% 50%;
  --radius: 0px;

  /* Glass override — more opaque/dark */
  --glass-bg: 225 10% 100%/.05;
  --glass-bg-hover: 225 10% 100%/.09;
  --glass-border: 225 10% 100%/.1;
  --glass-border-bright: 180 100% 50%/.35;
  --glass-shadow: 180 100% 50%/.1;
  --glass-blur: 16px;

  /* Theme colors (raw hex for easier use) */
  --gm-dark: #0B0E13;
  --gm-dark2: #1C1D20;
  --gm-lime: #00FFFF;
  --gm-lime-dim: rgba(0, 255, 255,.12);
  --gm-text: #ABABAB;
  --gm-border: rgba(255,255,255,.1);
}

/* ─── Base ───────────────────────────────────────────────── */
body {
  background-color: var(--gm-dark) !important;
  font-family: 'Chakra Petch', sans-serif !important;
}

h1, h2, h3, h4, h5 {
  font-family: 'Days One', sans-serif !important;
  letter-spacing: 0.02em;
}

.font-heading {
  font-family: 'Days One', sans-serif !important;
}

/* ─── Body background ────────────────────────────────────── */
.page-hero-bg {
  background: 
    radial-gradient(ellipse 60% 50% at 80% 20%, rgba(0, 255, 255,.06) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(0, 255, 255,.04) 0%, transparent 60%)
    !important;
}

/* ─── Navbar ─────────────────────────────────────────────── */
header.fixed {
  background: var(--gm-dark) !important;
  border-bottom: 1px solid var(--gm-border) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 0 rgba(0, 255, 255,.08) !important;
}

header.fixed.glass-heavy,
header.fixed.glass-glow {
  background: rgba(11,14,19,.96) !important;
  border-bottom: 1px solid var(--gm-border) !important;
  backdrop-filter: blur(12px) !important;
}

/* Nav links */
.nav-link {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--gm-text) !important;
  border-radius: 0 !important;
  padding: 0.4rem 0.9rem !important;
  transition: color .2s ease !important;
  position: relative;
}
.nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-link::after {
  content: '';
  position: absolute;

  left: 0;
  bottom: 0;

  width: 100%;
  height: 2px;

  background: var(--gm-lime);

  /* 🔥 ISSO AQUI RESOLVE O BUG */
  max-height: 2px;
  min-height: 2px;

  transform: scaleX(0);
  transform-origin: center;

  transition: transform 0.25s ease;
}

.nav-link:hover::after {
  transform: scaleX(1);
}
.nav-link:hover { color: var(--gm-lime) !important; }

.nav-link[data-nav="home"] { color: var(--gm-lime) !important; }
.nav-link[data-nav="home"]::after { width: 70%; }

/* Navbar icon buttons */
header button.p-2\.5,
header a.p-2\.5 {
  color: var(--gm-text) !important;
  border-radius: 0 !important;
  transition: color .2s, background .2s !important;
}
header button.p-2\.5:hover,
header a.p-2\.5:hover {
  color: var(--gm-lime) !important;
  background: var(--gm-lime-dim) !important;
}

/* Cart badge */
#cart-count-badge {
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
  border-radius: 2px !important;
}

/* Logo area */
.navbar-site-name span {
  font-family: 'Days One', sans-serif !important;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ─── Mobile Nav ─────────────────────────────────────────── */
.mobile-nav-drawer {
  background: var(--gm-dark) !important;
  border-left: 1px solid var(--gm-border) !important;
  border-radius: 0 !important;
}

.mobile-nav-header {
  border-bottom: 1px solid var(--gm-border) !important;
  background: var(--gm-dark2) !important;
}

.mobile-nav-link {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  font-size: 0.9rem !important;
  color: var(--gm-text) !important;
  border-radius: 0 !important;
  border-left: 2px solid transparent !important;
  padding-left: 1rem !important;
  transition: all .2s ease !important;
}
.mobile-nav-link:hover {
  color: var(--gm-lime) !important;
  border-left-color: var(--gm-lime) !important;
  background: var(--gm-lime-dim) !important;
}

/* ─── Hero ───────────────────────────────────────────────── */
.hero-content .inline-flex {
  background: var(--gm-lime-dim) !important;
  border: 1px solid rgba(0, 255, 255,.3) !important;
  color: var(--gm-lime) !important;
  border-radius: 0 !important;
  clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}

.hero-title {
  font-family: 'Days One', sans-serif !important;
  font-size: clamp(2.8rem, 6vw, 5.5rem) !important;
  line-height: 1.0 !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

.hero-wave-fill, .hero-wave-stroke {
  -webkit-text-fill-color: var(--gm-lime) !important;
  color: var(--gm-lime) !important;
  -webkit-text-stroke: 0 !important;
}

.hero-wave-colorized {
  -webkit-text-fill-color: var(--gm-lime) !important;
  color: var(--gm-lime) !important;
  -webkit-text-stroke: 0 !important;
}

.hero-desc {
  font-family: 'Chakra Petch', sans-serif !important;
  color: var(--gm-text) !important;
  font-size: 1rem !important;
}

/* Hero buttons */
.hero-content a[href*="product"],
.hero-content a.px-6:first-child {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
  border-radius: 0 !important;
  clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px) !important;
  box-shadow: 0 0 20px rgba(0, 255, 255,.25) !important;
  transition: all .3s ease !important;
  padding: 0.85rem 1.75rem !important;
  height: auto !important;
  line-height: 1 !important;
}
.hero-content a[href*="product"]:hover,
.hero-content a.px-6:first-child:hover {
  background: #fff !important;
  box-shadow: 0 0 30px rgba(0, 255, 255,.4) !important;
}

.hero-content .flex a:not(:first-child) {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid var(--gm-lime) !important;
  border-radius: 0 !important;
  clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px) !important;
  transition: all .3s ease !important;
  padding: 0.85rem 1.75rem !important;
  height: auto !important;
  line-height: 1 !important;
}
.hero-content .flex a:not(:first-child):hover {
  background: var(--gm-lime-dim) !important;
  color: var(--gm-lime) !important;
}

/* Hero logo area */
.hero-logo-area {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Glow orbs → replace with geometric gaming lines */
.glow-orb {
  background: radial-gradient(ellipse, rgba(0, 255, 255,.08) 0%, transparent 70%) !important;
  filter: none !important;
}

/* Hero grid decoration: horizontal lines */
.hero-section::before,
.hero-section::after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 255,.25), transparent);
  pointer-events: none;
}
.hero-section::before { top: 0; }
.hero-section::after  { bottom: 0; }

/* ─── Features / Trust Bar ───────────────────────────────── */
section.border-y {
  background: var(--gm-dark2) !important;
  border-color: var(--gm-border) !important;
}

.features-icon-wrap,
section.border-y .w-10 {
  background: var(--gm-lime-dim) !important;
  border: 1px solid rgba(0, 255, 255,.25) !important;
  border-radius: 0 !important;
  color: var(--gm-lime) !important;
}

section.border-y p.text-sm {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
  color: #fff !important;
}

section.border-y p.text-xs {
  font-family: 'Chakra Petch', sans-serif !important;
  color: var(--gm-text) !important;
}

/* ─── Section Headers ────────────────────────────────────── */
.section-header-eyebrow {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: var(--gm-lime) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: relative;
  padding-left: 1.2rem !important;
}
.section-header-eyebrow::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 10px; height: 2px;
  background: var(--gm-lime);
}

.section-header-title {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #fff !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
}

.section-header-subtitle {
  font-family: 'Chakra Petch', sans-serif !important;
  color: var(--gm-text) !important;
  font-size: 0.9rem !important;
}

/* ─── Glass Cards (general) ──────────────────────────────── */
.glass-card {
  background: var(--gm-dark2) !important;
  border: 1px solid var(--gm-border) !important;
  border-radius: 0 !important;
  clip-path: polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px) !important;
  transition: border-color .3s, box-shadow .3s !important;
}
.glass-card:hover {
  border-color: rgba(0, 255, 255,.4) !important;
  box-shadow: 0 0 24px rgba(0, 255, 255,.08), inset 0 0 0 1px rgba(0, 255, 255,.1) !important;
}

/* ─── Collections ────────────────────────────────────────── */
#collections-grid a.glass-card {
  border-radius: 0 !important;
  clip-path: polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px) !important;
  background: var(--gm-dark2) !important;
  border: 1px solid var(--gm-border) !important;
}
#collections-grid a.glass-card:hover {
  border-color: rgba(0, 255, 255,.4) !important;
}

/* Collection icon */
#collections-grid .w-12 {
  background: var(--gm-lime-dim) !important;
  border: 1px solid rgba(0, 255, 255,.25) !important;
  border-radius: 0 !important;
  color: var(--gm-lime) !important;
}
#collections-grid a:hover .w-12 {
  background: rgba(0, 255, 255,.2) !important;
}

/* Collection texts */
#collections-grid h3 {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
}
#collections-grid p {
  color: var(--gm-text) !important;
}
#collections-grid span.text-primary\/70 {
  color: var(--gm-lime) !important;
}

/* ─── Featured / Product Cards ───────────────────────────── */
#featured-grid .glass-card {
  border-radius: 0 !important;
  clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px) !important;
  background: var(--gm-dark2) !important;
  border: 1px solid var(--gm-border) !important;
}
#featured-grid .glass-card:hover {
  border-color: rgba(0, 255, 255,.4) !important;
  box-shadow: 0 8px 32px rgba(0, 255, 255,.08) !important;
}

/* Product image overlay */
#featured-grid .aspect-video::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--gm-lime), transparent);
  opacity: 0;
  transition: opacity .3s;
}
#featured-grid .glass-card:hover .aspect-video::after { opacity: 1; }

/* Product title */
#featured-grid h3 {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.03em !important;
  color: #fff !important;
}
#featured-grid h3:hover,
#featured-grid .glass-card:hover h3 {
  color: var(--gm-lime) !important;
}

/* Price */
#featured-grid .product-price {
  color: var(--gm-lime) !important;
  font-family: 'Days One', sans-serif !important;
  font-size: 1.1rem !important;
}
#featured-grid .text-xs.uppercase {
  color: var(--gm-text) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

/* Add to cart button */
#featured-grid button[aria-label*="carrinho"] {
  background: var(--gm-lime-dim) !important;
  color: var(--gm-lime) !important;
  border-radius: 0 !important;
  clip-path: polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px) !important;
  border: 1px solid rgba(0, 255, 255,.25) !important;
  transition: all .25s !important;
}
#featured-grid button[aria-label*="carrinho"]:hover {
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
}

/* "Ver Todos" link */
.featured-view-all {
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.8rem !important;
  color: var(--gm-lime) !important;
  border: 1px solid rgba(0, 255, 255,.4) !important;
  padding: 0.6rem 1.4rem !important;
  clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px) !important;
  border-radius: 0 !important;
  transition: all .25s !important;
  background: transparent !important;
}
.featured-view-all:hover {
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
}

/* Border divider inside product card */
#featured-grid .border-t {
  border-color: var(--gm-border) !important;
}

/* Badge on product image */
#featured-grid .bg-primary\/90 {
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
  border-radius: 0 !important;
}

/* Status badge */
#featured-grid .bg-background\/60 {
  background: rgba(11,14,19,.75) !important;
  border-radius: 0 !important;
}

/* ─── Footer ─────────────────────────────────────────────── */
footer.border-t {
  background: var(--gm-dark2) !important;
  border-top: 1px solid var(--gm-border) !important;
  border-color: var(--gm-border) !important;
  position: relative;
  overflow: hidden;
}
footer.border-t::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gm-lime), transparent);
}

.footer-column-header {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  color: var(--gm-lime) !important;
  border-bottom: 1px solid var(--gm-border) !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0.75rem !important;
}

footer .section-header-eyebrow {
  color: var(--gm-lime) !important;
}

footer h3 {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

footer a {
  font-family: 'Chakra Petch', sans-serif !important;
  font-size: 0.85rem !important;
  color: var(--gm-text) !important;
  transition: color .2s !important;
  text-decoration: none !important;
  position: relative;
  padding-left: 0.9rem !important;
}
footer a::before {
  content: '›';
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  color: var(--gm-lime);
  font-size: 1rem;
  line-height: 1;
}
footer a:hover { color: var(--gm-lime) !important; }

footer .mt-10 {
  border-color: var(--gm-border) !important;
}

footer .text-xs.text-muted-foreground {
  font-family: 'Chakra Petch', sans-serif !important;
  color: rgba(171,171,171,.5) !important;
}

/* ─── Side Cart ──────────────────────────────────────────── */
.side-cart,
#side-cart-container > div {
  background: var(--gm-dark) !important;
  border-left: 1px solid var(--gm-border) !important;
  border-radius: 0 !important;
}

.cart-header {
  background: var(--gm-dark2) !important;
  border-bottom: 1px solid var(--gm-border) !important;
  border-top: 2px solid var(--gm-lime) !important;
}

.cart-header h2, .cart-header h3 {
  font-family: 'Days One', sans-serif !important;
  text-transform: uppercase !important;
  color: #fff !important;
  font-size: 1rem !important;
}

.cart-item-card {
  background: var(--gm-dark2) !important;
  border: 1px solid var(--gm-border) !important;
  border-radius: 0 !important;
}

/* Cart checkout button */
.cart-checkout-btn,
button.bg-primary {
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
  border-radius: 0 !important;
  clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.85rem !important;
  transition: all .25s !important;
}
.cart-checkout-btn:hover,
button.bg-primary:hover {
  background: #fff !important;
  box-shadow: 0 0 20px rgba(0, 255, 255,.3) !important;
}

/* ─── Scrollbar ──────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--gm-dark); }
::-webkit-scrollbar-thumb { background: rgba(0, 255, 255,.3); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--gm-lime); }

/* ─── Decorative separator line ──────────────────────────── */
.section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 255,.2), transparent);
  margin: 0;
}

/* ─── Horizontal animated ticker decoration (hero bottom) ── */
.hero-ticker {
  background: var(--gm-dark2);
  border-top: 1px solid var(--gm-border);
  border-bottom: 1px solid var(--gm-border);
  overflow: hidden;
  padding: 0.6rem 0;
  font-family: 'Chakra Petch', sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(171,171,171,.5);
}
.hero-ticker-inner {
  display: flex;
  gap: 0;
  animation: tickerMove 30s linear infinite;
  width: max-content;
}
.hero-ticker-item {
  white-space: nowrap;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.hero-ticker-item .dot {
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--gm-lime);
  flex-shrink: 0;
}
@keyframes tickerMove {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ─── "Ver Todos" link in featured header ────────────────── */
.featured-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}

/* ─── Global button reset ────────────────────────────────── */
a.px-6.py-3.rounded-xl.bg-primary {
  background: var(--gm-lime) !important;
  color: var(--gm-dark) !important;
  border-radius: 0 !important;
  clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px) !important;
  font-family: 'Chakra Petch', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* ─── Search Overlay ─────────────────────────────────────── */
.global-search-bar {
  border-radius: 0 !important;
  background: var(--gm-dark2) !important;
  border-color: var(--gm-border) !important;
}
.global-search-bar:focus-within {
  border-color: rgba(0, 255, 255,.5) !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 255,.15) !important;
}
.global-search-icon { color: var(--gm-lime) !important; }
.global-search-results {
  border-radius: 0 !important;
}
.global-search-results:has(.global-search-results-inner:not(:empty)) {
  background: var(--gm-dark2) !important;
  border-color: var(--gm-border) !important;
}
.global-search-product-card {
  border-radius: 0 !important;
  background: var(--gm-dark) !important;
  border-color: var(--gm-border) !important;
}
.global-search-product-card:hover {
  border-color: rgba(0, 255, 255,.35) !important;
  background: rgba(0, 255, 255,.05) !important;
}
.global-search-product-card .price {
  color: var(--gm-lime) !important;
}

/* ─── Discord popup ──────────────────────────────────────── */
.discord-popup-box {
  border-radius: 0 !important;
  background: var(--gm-dark2) !important;
  border-color: var(--gm-border) !important;
}
.discord-popup-join {
  border-radius: 0 !important;
  clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px) !important;
}
.discord-popup-cancel {
  border-radius: 0 !important;
}

/* ─── Responsive tweaks ──────────────────────────────────── */
@media (max-width: 768px) {
  .hero-title {
    font-size: clamp(2rem, 8vw, 3.5rem) !important;
  }
}

/* ============================================================
   BLUE → LIME FIX: Override all hardcoded cyan/blue values
   ============================================================ */

/* Fix CSS variables that use literal HSL values (not var(--primary)) */
:root {
  --glass-border-bright: 180 100% 50%/.35;
  --glass-shadow: 180 100% 50%/.1;
  --gradient-primary: linear-gradient(135deg, hsl(180 100% 50%), hsl(90 80% 50%));
  --gradient-glow: radial-gradient(ellipse at center, hsl(180 100% 50%/.15), transparent 70%);
  --sidebar-primary: 180 100% 50%;
  --sidebar-ring: 180 100% 50%;
}

/* Fix .glass-glow which has hardcoded #00a8e00a (blue hex) */
.glass-glow {
  box-shadow: 0 0 40px hsl(180 100% 50%/.1), 0 0 80px rgba(0, 255, 255,.04), inset 0 1px rgba(255,255,255,.08) !important;
}

/* Fix .glow-orb which has hardcoded hsl(195 100% 44%/.15) */
.glow-orb {
  background: radial-gradient(circle, rgba(0, 255, 255,.1), transparent 70%) !important;
  filter: blur(60px) !important;
}

/* Fix page-hero-bg gradient */
.page-hero-bg {
  background: radial-gradient(ellipse 60% 50% at 75% 20%, rgba(0, 255, 255,.06) 0%, transparent 60%),
              radial-gradient(ellipse 40% 40% at 25% 80%, rgba(0, 255, 255,.04) 0%, transparent 60%) !important;
}

/* Fix section eyebrow underline (hardcoded via var(--primary) but was blue before) */
.section-header-center .section-header-eyebrow::after {
  background: linear-gradient(90deg, transparent, #00FFFF, transparent) !important;
}

/* Fix .section-header::before bar */
.section-header::before {
  background: linear-gradient(180deg, #00FFFF, rgba(0, 255, 255,.5)) !important;
}

/* Fix text-gradient which uses --gradient-primary (was blue) */
.text-gradient {
  background: linear-gradient(135deg, #00FFFF, #a8d400) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Fix hero wave stroke color (was cyan) */
.hero-wave-stroke {
  -webkit-text-stroke: 2px #00FFFF !important;
  color: transparent !important;
}
.hero-wave-fill {
  color: #00FFFF !important;
  -webkit-text-fill-color: #00FFFF !important;
}

/* Fix btn-checkout-proceed blue shadow */
.btn-checkout-proceed {
  box-shadow: 0 8px 24px rgba(0, 255, 255,.3), inset 0 1px 0 rgba(0, 255, 255,.25) !important;
}

/* Fix any remaining bg-primary / text-primary Tailwind utilities */
.bg-primary {
  background-color: hsl(180 100% 50%) !important;
}
.text-primary {
  color: hsl(180 100% 50%) !important;
}
.border-primary,
.border-primary\/40 {
  border-color: hsl(180 100% 50% / .4) !important;
}
.bg-primary\/5  { background-color: hsl(180 100% 50% / .05)  !important; }
.bg-primary\/10 { background-color: hsl(180 100% 50% / .10)  !important; }
.bg-primary\/20 { background-color: hsl(180 100% 50% / .20)  !important; }
.bg-primary\/90 { background-color: hsl(180 100% 50% / .90)  !important; }
.text-primary\/70 { color: hsl(180 100% 50% / .70) !important; }
.shadow-primary\/20 { --tw-shadow-color: hsl(180 100% 50% / .20); }

.hover\:bg-primary:hover     { background-color: hsl(180 100% 50%)         !important; }
.hover\:bg-primary\/20:hover { background-color: hsl(180 100% 50% / .20)   !important; }
.hover\:bg-primary\/80:hover { background-color: hsl(180 100% 50% / .80)   !important; }
.hover\:bg-primary\/90:hover { background-color: hsl(180 100% 50% / .90)   !important; }
.hover\:text-primary:hover   { color: hsl(180 100% 50%)                    !important; }
.group:hover .group-hover\:bg-primary\/20  { background-color: hsl(180 100% 50% / .20) !important; }
.group:hover .group-hover\:text-primary    { color: hsl(180 100% 50%) !important; }

.focus\:border-primary\/50:focus { border-color: hsl(180 100% 50% / .50) !important; }
.focus\:bg-primary:focus         { background-color: hsl(180 100% 50%)   !important; }
.focus\:ring-primary\/20:focus   { --tw-ring-color: hsl(180 100% 50% / .20); }
.ring-primary\/20                { --tw-ring-color: hsl(180 100% 50% / .20); }

/* Fix any inline primary color uses in cart, checkout, etc. */
[style*="hsl(var(--primary)"] {
  color: #00FFFF;
}

/* Input focus ring */
input:focus, select:focus, textarea:focus {
  outline-color: rgba(0, 255, 255,.5) !important;
  border-color: rgba(0, 255, 255,.5) !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 255,.15) !important;
}

/* Status dots: undetected = lime, not green */
.bg-green-500 {
  background-color: #00FFFF !important;
}

/* Override any remaining blue box-shadows that sneak through */
.glass-card:hover,
.glass-card.group:hover {
  box-shadow: 0 0 24px rgba(0, 255, 255,.1), inset 0 0 0 1px rgba(0, 255, 255,.12) !important;
}

/* Product page + collections: primary colored elements */
.product-price,
.site-number {
  color: #00FFFF !important;
}

/* Breadcrumb / page accent lines */
.breadcrumb-accent,
.page-accent {
  background: #00FFFF !important;
}

/* Any leftover link hover blue */
a:hover {
  color: inherit;
}
a.text-primary:hover { color: #00FFFF !important; }