/* Casino Kings UK - Theme-specific CSS
   All styles are loaded via critical.css and main.css
   This file is kept for theme compatibility */

/* Red buttons only for games + bonuses in emerald-night */
html[data-theme="emerald-night"] .games-section .game-card-overlay .btn-primary,
html[data-theme="emerald-night"] .games-section .section-cta .btn,
html[data-theme="emerald-night"] .bonuses-section .bonus-card-footer .btn-primary,
html[data-theme="emerald-night"] .bonuses-section .bonus-card-footer .btn-accent,
html[data-theme="emerald-night"] .hero .hero-cta .btn-primary {
  background: linear-gradient(135deg, #E53E3E, #C53030) !important;
  border-color: #E53E3E !important;
  color: #FFFFFF !important;
}

html[data-theme="emerald-night"] .games-section .game-card-overlay .btn-primary:hover,
html[data-theme="emerald-night"] .games-section .section-cta .btn:hover,
html[data-theme="emerald-night"] .bonuses-section .bonus-card-footer .btn-primary:hover,
html[data-theme="emerald-night"] .bonuses-section .bonus-card-footer .btn-accent:hover,
html[data-theme="emerald-night"] .hero .hero-cta .btn-primary:hover {
  box-shadow: var(--shadow-lg), 0 0 20px rgba(229, 62, 62, 0.3);
}

html[data-theme="emerald-night"] .logo > span {
  color: #FFFFFF;
}

html[data-theme="emerald-night"] .logo-icon {
  color: #FFFFFF;
}

/* Red buttons for navy-red and slate-red themes */
html[data-theme="navy-red"] .hero-subtitle {
  color: #ffda9d;
}

html[data-theme="navy-red"] .btn-primary,
html[data-theme="navy-red"] .btn-accent {
  background: linear-gradient(135deg, #EF4444, #B91C1C) !important;
  border-color: #EF4444 !important;
  color: #FFFFFF !important;
}

html[data-theme="navy-red"] .btn-primary:hover,
html[data-theme="navy-red"] .btn-accent:hover {
  box-shadow: var(--shadow-lg), 0 0 12px rgba(239, 68, 68, 0.4);
}

html[data-theme="slate-red"] .btn-primary,
html[data-theme="slate-red"] .btn-accent {
  background: linear-gradient(135deg, #E11D2E, #9F1239) !important;
  border-color: #E11D2E !important;
  color: #FFFFFF !important;
}

html[data-theme="slate-red"] .btn-primary:hover,
html[data-theme="slate-red"] .btn-accent:hover {
  box-shadow: var(--shadow-lg), 0 0 12px rgba(225, 29, 46, 0.45);
}

/* Keep navy-red hero/logo gradients in the blue family (avoid purple mix). */
html[data-theme="navy-red"] .text-gradient {
  background: linear-gradient(135deg, #BFDBFE, #60A5FA 52%, #3B82F6) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html[data-theme="navy-red"] .logo-icon {
  background: linear-gradient(135deg, #60A5FA, #2563EB) !important;
}

.logo-image {
  display: block;
  width: auto;
  height: 18px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .logo-image {
    height: 21px;
  }
}

.footer-logo-image {
  display: block;
  width: auto;
  height: 17px;
  object-fit: contain;
}