/* Promotions Page Styles - LottoBestNZ */

.hero-promotions {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(255, 215, 0, 0.25), transparent 60%),
              radial-gradient(1200px 600px at 90% 20%, rgba(0, 179, 134, 0.2), transparent 60%),
              linear-gradient(135deg, var(--color-secondary-dark) 0%, var(--color-secondary) 60%);
  color: var(--color-white);
  padding: var(--space-12) 0 var(--space-8) 0;
}

.hero-inner { display: grid; gap: var(--space-6); align-items: center; }
@media (min-width: 768px) { .hero-inner { grid-template-columns: 1.1fr 0.9fr; } }

.hero-copy p { max-width: 50ch; }
.hero-actions { display: flex; gap: var(--space-4); margin-top: var(--space-4); flex-wrap: wrap; }

.hero-figure img { border-radius: var(--radius-xl); box-shadow: var(--shadow-2xl); }

/* Tools */
.promo-tools { padding: var(--space-8) 0 var(--space-4); background: var(--color-bg-secondary); }
.promo-toolbar { display: grid; gap: var(--space-4); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 768px) { .promo-toolbar { grid-template-columns: auto 1fr 220px; } }

.filter-tabs { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.filter-chip {
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  border: 2px solid var(--color-gray-300);
  background: var(--color-white);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base) var(--transition-ease);
}
.filter-chip:hover { border-color: var(--color-primary); box-shadow: var(--shadow-sm); }
.filter-chip.is-active { background: var(--color-primary); color: var(--color-secondary); border-color: var(--color-primary); box-shadow: var(--shadow-glow-primary); }

.promo-count { margin-top: var(--space-3); }

/* Promotions grid */
.promotions-list { padding: var(--space-8) 0; }

.promo-card .promo-meta { margin: var(--space-3) 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.promo-card .promo-meta li { margin-bottom: var(--space-1); }

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

.promo-details { margin-top: var(--space-3); }
.hidden { display: none; }

.promo-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-base); }

/* VIP Spotlight */
.vip-spotlight { padding: var(--space-8) 0 var(--space-12); }

/* Notes */
.promo-notes { padding: var(--space-8) 0 var(--space-12); background: var(--color-bg-secondary); }

/* High contrast adjustments */
@media (prefers-contrast: more) {
  .filter-chip.is-active { outline: 2px solid var(--color-secondary); }
}