/* Jackpot Page Styles - LottoBestNZ */

.hero-jackpot {
  background: radial-gradient(1200px 400px at 10% 10%, var(--color-primary-light) 0%, rgba(255, 215, 0, 0.15) 35%, transparent 65%),
              linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-light) 100%);
  color: var(--color-white);
  padding: var(--space-20) 0 var(--space-16);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-8);
}
@media (max-width: 992px) {
  .hero-grid { grid-template-columns: 1fr; }
}
.hero-title {
  font-family: var(--font-heading);
  font-size: var(--font-size-6xl);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
  margin-bottom: var(--space-4);
  color: var(--color-white);
}
.hero-subtitle {
  font-size: var(--font-size-lg);
  color: #E6EDF6;
  margin-bottom: var(--space-6);
  max-width: 60ch;
}
.hero-cta { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-2xl); }

.section { padding: var(--space-16) 0; }
.section-current { padding-top: var(--space-12); }

.jackpot-card { overflow: hidden; }
.jackpot-display { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; margin-bottom: var(--space-6); }
.jackpot-amount { font-size: var(--font-size-7xl); font-weight: var(--font-weight-extrabold); color: var(--color-secondary); line-height: 1; text-shadow: 0 8px 24px rgba(10,31,68,0.15); }
@media (max-width: 768px) {
  .jackpot-amount { font-size: var(--font-size-6xl); }
}
.jackpot-updated { font-size: var(--font-size-sm); }

.jackpot-progress { position: relative; width: 100%; height: 12px; background: var(--color-gray-100); border-radius: var(--radius-full); overflow: hidden; margin-bottom: var(--space-4); }
.progress-bar { height: 100%; background: linear-gradient(90deg, var(--color-accent) 0%, var(--color-primary) 100%); box-shadow: var(--shadow-glow-accent); transition: width var(--transition-slow) var(--transition-ease); }

.actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }

.winners-grid { align-items: center; }
.winner-list { display: grid; gap: var(--space-4); }
.winner-item h3 { margin-bottom: var(--space-2); }
.winner-meta { color: var(--color-text-secondary); margin-bottom: var(--space-2); }
.winners-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }

.section-steps .steps-list { display: grid; gap: var(--space-6); }
.section-steps h3 { margin-bottom: var(--space-2); }

.tips-list { display: grid; gap: var(--space-2); }

.section-schedule .schedule-wrap { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-8); align-items: start; }
@media (max-width: 992px) { .section-schedule .schedule-wrap { grid-template-columns: 1fr; } }
.schedule-table { width: 100%; background: var(--color-white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-base); }
.schedule-table th, .schedule-table td { padding: var(--space-4); border-bottom: 1px solid var(--color-gray-200); text-align: left; }
.schedule-table thead th { background: var(--color-gray-100); font-weight: var(--font-weight-semibold); }
.schedule-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }

.section-promos .promo-card { position: relative; }
.section-promos .promo-card .badge { position: absolute; top: var(--space-4); right: var(--space-4); }
.section-promos .promo-card h3 { margin-top: var(--space-8); }

.section-testimonials .testimonial p { font-size: var(--font-size-lg); }
.section-testimonials cite { display: block; margin-top: var(--space-3); }

.section-contact .form-label { display: block; margin-bottom: var(--space-2); font-weight: var(--font-weight-medium); }
.section-contact .small { font-size: var(--font-size-sm); }