/* Results Page Styles - LottoBestNZ */
:root {
  --results-hero-gradient: linear-gradient(135deg, rgba(255,215,0,0.12) 0%, rgba(0,179,134,0.12) 100%);
}

.results-hero {
  background: var(--results-hero-gradient);
  padding: var(--space-16) 0 var(--space-12);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-8);
  align-items: center;
}
@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; }
}
.hero-title { margin-bottom: var(--space-2); }
.hero-subtitle { color: var(--color-text-secondary); margin-bottom: var(--space-4); }
.hero-meta { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); }
.hero-media img { border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); }

.latest-numbers .numbers-row,
.generator-output .numbers-row {
  display: flex; flex-wrap: wrap; gap: var(--space-3);
  align-items: center;
}
.number-ball { 
  width: 48px; height: 48px; border-radius: var(--radius-full);
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--color-white) 0%, var(--color-gray-100) 100%);
  color: var(--color-secondary); font-weight: var(--font-weight-bold);
  box-shadow: var(--shadow-base);
}
.number-ball.primary { background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%); color: var(--color-secondary); box-shadow: var(--shadow-glow-primary); }
.number-ball.bonus { background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%); color: var(--color-white); box-shadow: var(--shadow-glow-accent); }

.jackpot-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); align-items: center; margin-top: var(--space-6); }
.jackpot-row .label { display: block; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.jackpot-row .value { font-size: var(--font-size-2xl); }
@media (max-width: 768px) { .jackpot-row { grid-template-columns: 1fr; } }

.section { padding: var(--space-16) 0; }
.section.alt { background: var(--color-bg-secondary); }
.section-header { margin-bottom: var(--space-6); }

/* Filters */
.filters .filters-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--space-4); }
.filters .filter-actions { display: flex; align-items: end; gap: var(--space-3); }
.filters .filter-label { display: block; font-size: var(--font-size-sm); color: var(--color-text-secondary); margin-bottom: var(--space-2); }
@media (max-width: 1024px) { .filters .filters-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .filters .filters-grid { grid-template-columns: 1fr; } .filters .filter-actions { align-items: center; } }

/* Tables */
.table-responsive { overflow-x: auto; }
.table-responsive table { width: 100%; }
.table-responsive th,
.table-responsive td { text-align: left; padding: var(--space-4); border-bottom: 1px solid var(--color-gray-200); white-space: nowrap; }
.table-responsive tbody tr:hover { background: rgba(255, 215, 0, 0.06); }
.table-footer { padding: var(--space-4); color: var(--color-text-secondary); }

/* Jackpot */
.jackpot-card .jackpot-figure { font-size: var(--font-size-3xl); font-weight: var(--font-weight-extrabold); color: var(--color-secondary); }
.jackpot-media img { border-radius: var(--radius-xl); }
.countdown { color: var(--color-text-secondary); }

/* Stories */
.story-card .story-media { width: 100%; height: auto; border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.story-title { margin-bottom: var(--space-2); }

/* Stats badges */
.stat-badges { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.stat-badge { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border-radius: var(--radius-full); background: var(--color-gray-100); color: var(--color-secondary); box-shadow: var(--shadow-sm); }
.stat-badge .number-ball { width: 36px; height: 36px; }

/* Generator */
.generator { display: grid; gap: var(--space-6); }
.generator-controls { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--space-4); align-items: end; }
.generator-actions { display: flex; gap: var(--space-3); }
.bonus-wrap { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); align-items: center; margin-top: var(--space-4); }
@media (max-width: 1024px) { .generator-controls { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .generator-controls { grid-template-columns: 1fr; } }

/* CTA Final */
.cta-final .card { overflow: hidden; }

/* Minor enhancements */
.disclaimer { margin-top: var(--space-4); color: var(--color-text-secondary); }

/* Simple entrance animation for balls */
@keyframes popIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.number-ball.pop { animation: popIn var(--transition-slower) var(--transition-bounce) both; }