/* Neon Orange Theme for Generate Page, Workout Modal, and Wizard */
/* This theme overrides the default purple/blue color scheme */

:root {
  /* Neon Orange Color Palette */
  --neon-orange: #FF6B00;
  --neon-orange-dark: #E55A00;
  --neon-orange-light: #FF8C35;
  --neon-orange-glow: rgba(255, 107, 0, 0.4);
  
  /* Override Primary Colors */
  --primary-color: #FF6B00 !important;
  --primary-hover: #E55A00 !important;
  --primary-light: #FF8C35 !important;
  --accent-color: #FF8C35 !important;
  
  /* Light Mode Colors */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F9F9F9;
  --text-primary: #1A1A1A;
  --text-secondary: #4B4B4B;
  --border-color: #E5E5E5;
  
  /* Button Colors */
  --btn-primary-bg: #FF6B00;
  --btn-primary-hover: #E55A00;
  --btn-primary-text: #FFFFFF;
  
  /* Success/Error/Warning Colors (keep unchanged) */
  --success-color: #10b981;
  --danger-color: #ef4444;
  --warning-color: #f59e0b;
}

/* Dark Mode Overrides */
[data-theme="dark"],
body.dark-mode {
  /* Dark Mode Background Colors */
  --bg-primary: #0A0A0A !important;
  --bg-secondary: #1A1A1A !important;
  --modal-bg: #0A0A0A !important;
  --card-bg: #1A1A1A !important;
  
  /* Dark Mode Text Colors */
  --text-primary: #FFFFFF !important;
  --text-secondary: #CCCCCC !important;
  
  /* Dark Mode Border Colors */
  --border-color: rgba(255, 107, 0, 0.2) !important;
  
  /* Keep Neon Orange Accent */
  --primary-color: #FF6B00 !important;
  --primary-hover: #FF8C35 !important;
  --accent-color: #FF8C35 !important;
  
  /* Dark Mode Specific Variables */
  --light-bg: #1A1A1A !important;
  --dark-bg: #0A0A0A !important;
  --text-color: #FFFFFF !important;
  --text-muted: #CCCCCC !important;
}

/* Override Scrollbar Colors */
::-webkit-scrollbar-thumb {
  background: var(--primary-color) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-hover) !important;
}

/* Dark Mode Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #FF6B00 !important;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #FF8C35 !important;
}

/* Override Button Styles */
.btn-primary,
.generate-btn,
.generate-workout-btn,
.wizard-generate-btn,
.wizard-next-btn {
  background: linear-gradient(135deg, #FF6B00, #FF8C35) !important;
  border-color: #FF6B00 !important;
  color: white !important;
}

.btn-primary:hover,
.generate-btn:hover,
.generate-workout-btn:hover,
.wizard-generate-btn:hover,
.wizard-next-btn:hover {
  background: linear-gradient(135deg, #E55A00, #FF6B00) !important;
  border-color: #E55A00 !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px var(--neon-orange-glow) !important;
}

/* Override Card Selection Styles */
.muscle-group-card.selected,
.equipment-card.selected,
.experience-card.selected,
.training-card.selected,
.time-card.selected,
.wizard-muscle-option.selected,
.wizard-equipment-option.selected {
  border: 3px solid #FF6B00 !important;
  background: linear-gradient(to bottom, rgba(255, 107, 0, 0.1), rgba(255, 255, 255, 0.9)) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3) !important;
}

/* Dark mode card selection */
[data-theme="dark"] .muscle-group-card.selected,
[data-theme="dark"] .equipment-card.selected,
[data-theme="dark"] .experience-card.selected,
[data-theme="dark"] .training-card.selected,
[data-theme="dark"] .time-card.selected {
  background: linear-gradient(to bottom, rgba(255, 107, 0, 0.2), rgba(10, 10, 10, 0.9)) !important;
}

/* Override Wizard Checkmarks */
.wizard-muscle-option.selected::after,
.wizard-equipment-option.selected::after {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #FF6B00 !important;
  border: 1px solid rgba(255, 107, 0, 0.3) !important;
}

/* Override Progress Steps */
.progress-step.active .step-circle {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
}

.progress-step.completed .step-circle {
  background: #10B981 !important; /* Keep green for completed */
}

/* Workout Modal Overrides */
.modern-workout-modal {
  --primary-color: #FF6B00 !important;
  --neon-orange: #FF6B00 !important;
  --neon-orange-dark: #E55A00 !important;
  --neon-orange-light: #FF8C35 !important;
}

.exercise-item.active {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
}

.recommendation-card {
  background: linear-gradient(135deg, #FF6B00 0%, #FF8C35 100%) !important;
}

.save-set-btn {
  background: #FF6B00 !important;
}

.save-set-btn:hover {
  background: #E55A00 !important;
}

.progress-fill {
  background: linear-gradient(90deg, #FF6B00 0%, #FF8C35 100%) !important;
}

.nav-btn.primary {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
}

.nav-btn.primary:hover {
  background: #E55A00 !important;
  border-color: #E55A00 !important;
}

/* Form Elements */
input[type="text"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1) !important;
}

/* Links and Hover States */
a {
  color: #FF6B00;
}

a:hover {
  color: #E55A00;
}

/* Navigation Active States */
.nav-item.active,
.nav-link.active {
  color: #FF6B00 !important;
  border-bottom-color: #FF6B00 !important;
}

/* Badges and Tags */
.badge-enhanced {
  background: linear-gradient(135deg, #FF6B00, #FF8C35) !important;
}

/* Override any remaining purple/blue elements */
*[style*="5D5FEF"],
*[style*="4F6AF7"] {
  color: #FF6B00 !important;
}

/* Ensure workout timer is visible */
.workout-timer {
  z-index: 99998 !important; /* Just below modal */
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
  /* Ensure good contrast on mobile */
  [data-theme="dark"] .modal-body,
  [data-theme="dark"] .wizard-content {
    background: #0A0A0A !important;
  }
  
  /* Touch-friendly hover states */
  .btn-primary:active,
  .generate-btn:active {
    background: #E55A00 !important;
  }
}