/* NexaTel brand overrides for Tombola dark theme */
@import url('/assets/css/nexatel-design.css');

:root {
  --nx-orange: var(--color-orange);
  --nx-gold: var(--color-orange);
  --nx-gold-dark: var(--color-orange-dark);
  --nx-cyan: var(--color-orange-light);
  --tmb-gold: var(--color-orange);
  --tmb-cyan: var(--color-orange-light);
  --tmb-border: rgba(255, 121, 0, 0.25);
  --nx-glow-gold: 0 0 40px rgba(255, 121, 0, 0.35);
  --nx-glow-cyan: 0 0 40px rgba(230, 0, 0, 0.2);
}

/* Primary CTA — unified NexaTel gradient */
.nx-btn--gold,
.tmb-btn-play,
#nx-spin-btn,
#tmb-submit,
.nx-btn-cta.primary-btn {
  background: var(--gradient-button) !important;
  color: var(--color-white) !important;
  border: none !important;
  box-shadow: var(--shadow-lg), 0 0 24px rgba(255, 121, 0, 0.25) !important;
}

.nx-btn--gold:hover,
.tmb-btn-play:hover,
#nx-spin-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}

/* Also apply design-system btn classes when present */
.tombola-page .btn.btn-primary {
  background: var(--gradient-button);
  color: var(--color-white);
}

/* Header logo accent */
.nx-header__logo circle[stroke="#d4af37"],
.nx-header__logo circle[fill="#d4af37"] {
  stroke: var(--color-orange);
  fill: var(--color-orange);
}

.nx-header__name,
.tmb-header-brand {
  background: var(--gradient-button);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Wheel section gradient */
.wheel-section__ring,
.nx-wheel__outer {
  background: var(--gradient-brand) !important;
}

/* Section underlines & accents */
.nx-section-title--underline::after {
  background: var(--gradient-button) !important;
}

.nx-step.active .nx-step-circle {
  border-color: var(--color-orange) !important;
  color: var(--color-orange) !important;
  box-shadow: 0 0 20px rgba(255, 121, 0, 0.35) !important;
}

.nx-step.done .nx-step-circle {
  background: var(--color-orange) !important;
  border-color: var(--color-orange) !important;
}

/* Prize highlights */
.prize-value,
.nx-prize-card__value {
  color: var(--color-orange) !important;
}

/* Form inputs — design system focus */
.tombola-page input[type="text"],
.tombola-page input[type="email"],
.tombola-page input[type="tel"] {
  border-color: var(--color-gray-300);
}

.tombola-page input:focus {
  border-color: var(--color-orange);
  box-shadow: var(--shadow-glow);
}

/* Live counter dot */
.nx-counter-dot,
.tmb-live-dot {
  background: var(--color-orange) !important;
}

/* Overlay panel accent */
.nx-overlay__panel--card {
  border-color: rgba(255, 121, 0, 0.25) !important;
}

/* PWA banner */
.nx-pwa-banner {
  border-color: rgba(255, 121, 0, 0.3) !important;
}