/* ═══════════════════════════════════════════════════
   LOTUS-SPORT — Premium Design Upgrade
   ═══════════════════════════════════════════════════ */

/* ── UPDATED COLOR VARIABLES ── */
:root {
  --green: #00E676 !important;
  --green-dark: #00BF5F !important;
  --green-glow: rgba(0,230,118,0.4);
  --green-glow-soft: rgba(0,230,118,0.15);
}

/* ── GLASSMORPHISM NAV (enhanced) ── */
nav.scrolled {
  background: rgba(6,6,6,0.75) !important;
  backdrop-filter: blur(32px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(180%) !important;
  border-bottom: 1px solid rgba(0,230,118,0.12) !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.6), 0 1px 0 rgba(0,230,118,0.08) !important;
}

/* ── LOGO GRADIENT ── */
.nav-logo span, .footer-brand span {
  background: linear-gradient(90deg, #00E676 0%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── NAV ACTIVE LINK ── */
.nav-links a.active,
.nav-links a[data-active] {
  color: #00E676 !important;
  text-shadow: 0 0 12px rgba(0,230,118,0.6);
  border-bottom: 1px solid #00E676;
  padding-bottom: 2px;
}
.nav-links a:hover {
  color: #00E676 !important;
  text-shadow: 0 0 8px rgba(0,230,118,0.4) !important;
}

/* ── LANG BTN ── */
.lang-btn.active {
  color: #00E676 !important;
  border-color: rgba(0,230,118,0.4) !important;
  box-shadow: 0 0 8px rgba(0,230,118,0.2);
}

/* ── CURSOR DOT ── */
.cursor-dot { background: #00E676 !important; }
.cursor-ring { border-color: rgba(0,230,118,0.4) !important; }
.cursor-ring.hover {
  border-color: #00E676 !important;
  background: rgba(0,230,118,0.06) !important;
}
.cursor-label { color: #00E676 !important; }

/* ── LOADER BAR ── */
.loader-fill { background: #00E676 !important; }

/* ── HERO: animated gradient overlay ── */
.hero-overlay {
  background: linear-gradient(to right, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.55) 50%, rgba(10,10,10,0.25) 100%) !important;
  position: absolute;
  inset: 0;
  z-index: 1;
}
#hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    135deg,
    rgba(0,230,118,0.06) 0%,
    transparent 40%,
    rgba(180,0,30,0.07) 70%,
    transparent 100%
  );
  background-size: 400% 400%;
  animation: heroGradientMove 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes heroGradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ── HERO TAG ── */
.hero-tag { color: #00E676 !important; }
.hero-tag::before { background: #00E676 !important; }

/* ── HERO TITLE GRADIENT ── */
.hero-title {
  background: linear-gradient(135deg, #ffffff 30%, #00E676 70%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: none !important;
  filter: drop-shadow(0 0 24px rgba(0,230,118,0.2));
}

/* ── HERO SCROLL LINE ── */
.hero-scroll-line::after { background: #00E676 !important; }

/* ── SECTION TAG (eyebrow label) ── */
.section-tag {
  display: inline-block;
  font-size: 10px;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #00E676;
  margin-bottom: 10px;
  opacity: 0.9;
}

/* ── SECTION TITLE GRADIENTS ── */
.ach-title, .drivers-left h2, .cta-title, .section-gradient-title,
h2.section-h2 {
  background: linear-gradient(90deg, #ffffff 0%, #00E676 60%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── STATS NUMBERS ── */
.stat-num { color: #00E676 !important; text-shadow: 0 0 20px rgba(0,230,118,0.5); }
.stats-glow { background: radial-gradient(circle, rgba(0,230,118,0.1), transparent 70%) !important; }

/* ── CTA BUTTONS ── */
.btn-fill, .nav-cta {
  background: linear-gradient(135deg, #00E676 0%, #00BF5F 100%) !important;
  border-color: #00E676 !important;
  color: #0A0A0A !important;
  font-weight: 700 !important;
  box-shadow: 0 0 20px rgba(0,230,118,0.3);
  transition: all .3s ease !important;
  position: relative;
  overflow: hidden;
}
.btn-fill::before, .nav-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #C9A84C 0%, #00E676 100%);
  opacity: 0;
  transition: opacity .35s ease;
}
.btn-fill:hover::before, .nav-cta:hover::before { opacity: 1; }
.btn-fill:hover, .nav-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 28px rgba(0,230,118,0.5) !important;
  color: #0A0A0A !important;
  background: none !important;
}
.btn-fill span, .nav-cta span { position: relative; z-index: 1; }

.btn-ghost {
  border-color: rgba(0,230,118,0.3) !important;
  color: #00E676 !important;
}
.btn-ghost:hover {
  border-color: #00E676 !important;
  box-shadow: 0 0 16px rgba(0,230,118,0.2) !important;
  color: #00E676 !important;
}

/* ── CTA SECTION BTN ── */
.cta-btn:hover {
  background: #00E676 !important;
  color: #0A0A0A !important;
  box-shadow: 0 4px 24px rgba(0,230,118,0.4) !important;
  transform: translateY(-2px) !important;
}

/* ── ACHIEVEMENT CARDS — hover glow ── */
.ach-card {
  transition: border-color .4s, transform .4s, box-shadow .4s !important;
}
.ach-card:hover {
  border-color: rgba(0,230,118,0.4) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(0,230,118,0.12) !important;
}
.ach-card.champ::before { background: #00E676 !important; }
.ach-year { color: #C9A84C !important; }
.ach-card.champ .ach-year {
  color: #00E676 !important;
  text-shadow: 0 0 16px rgba(0,230,118,0.4);
}
.ach-d { color: #00E676 !important; }

/* ── CARS PROGRESS DOTS ── */
.cars-progress-dot.active {
  background: #00E676 !important;
  border-color: #00E676 !important;
  box-shadow: 0 0 12px rgba(0,230,118,0.5) !important;
}

/* ── CI SPEC VALUES ── */
.ci-spec-val { color: #00E676 !important; }

/* ── DRIVER ITEMS ── */
.driver-item:hover, .driver-item.active {
  border-color: rgba(0,230,118,0.35) !important;
  background: rgba(0,230,118,0.04) !important;
  box-shadow: 0 0 20px rgba(0,230,118,0.08) !important;
}
.driver-item-role { color: #00E676 !important; }

/* ── VOZY CARDS (generic) ── */
.car-card, .voz-card, .grid-card, .feature-card {
  transition: transform .4s ease, box-shadow .4s ease, border-color .4s !important;
}
.car-card:hover, .voz-card:hover, .grid-card:hover, .feature-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(0,230,118,0.15), 0 0 0 1px rgba(0,230,118,0.2) !important;
  border-color: rgba(0,230,118,0.25) !important;
}

/* ── KONFIGURATOR/FORM FOCUS ── */
input:focus, textarea:focus, select:focus {
  border-color: #00E676 !important;
  box-shadow: 0 0 12px rgba(0,230,118,0.2) !important;
  outline: none !important;
}

/* ── FOOTER ── */
.footer-contact a:hover { color: #00E676 !important; }
.footer-copyright {
  text-align: center;
  font-size: 12px;
  color: rgba(136,136,136,0.6);
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.05);
  letter-spacing: .04em;
}

/* ── HAMBURGER → X ANIMATION ── */
.hamburger span {
  transition: transform .35s ease, opacity .3s ease !important;
  transform-origin: center;
}
.hamburger.open span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg) !important;
}
.hamburger.open span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}
.hamburger.open span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg) !important;
}

/* ── SECTION TITLE GRADIENT HELPER ── */
.grad-title {
  background: linear-gradient(90deg, #00E676 0%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── RESULTS TABLE ── */
.results-section {
  padding: 80px 64px;
  background: #0F0F0F;
}
.results-section .section-tag { color: #00E676; }
.results-section h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
  background: linear-gradient(90deg, #ffffff 0%, #00E676 60%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.results-section .sub {
  font-size: 14px;
  color: #888;
  margin-bottom: 40px;
}
.results-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Space Grotesk', sans-serif;
}
.results-table th {
  text-align: left;
  padding: 12px 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #555;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.results-table td {
  padding: 16px 20px;
  font-size: 14px;
  color: #aaa;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background .25s;
}
.results-table tbody tr:hover td {
  background: rgba(0,230,118,0.03);
}
.results-table .pos {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #555;
  width: 60px;
}
.results-table .pos.top { color: #00E676; text-shadow: 0 0 12px rgba(0,230,118,0.5); }
.results-table .race-name { color: #F5F5F0; font-weight: 600; }
.results-table .pts { color: #C9A84C; font-weight: 700; }
.results-table .date { color: #555; font-size: 12px; }

@media(max-width: 768px) {
  .results-section { padding: 60px 24px; }
  .results-table th, .results-table td { padding: 12px; }
  .results-table .date { display: none; }
}