/**
 * Light Theme Overrides v1.0
 * Applied when html[data-theme="light"]
 */

/* Theme Toggle Button (shared) */
.theme-toggle {
  position: fixed;
  bottom: 25px;
  right: 85px;
  z-index: 1001;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #667eea;
  background: rgba(26, 26, 61, 0.9);
  backdrop-filter: blur(10px);
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  padding: 0;
  line-height: 1;
}
.theme-toggle:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
  border-color: #f093fb;
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] .theme-toggle {
  background: rgba(255, 255, 255, 0.95);
  border-color: #667eea;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .theme-toggle:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Body & Background */
[data-theme="light"] body {
  background: #f0f2f8 !important;
  color: #2d3748 !important;
}

/* Dashboard body — default is dark, light overridden above */
.dashboard-body {
  background: #0a0e27;
  color: #ffffff;
}
[data-theme="light"] .dashboard-body {
  background: #f5f5f5 !important;
  color: #2d3748 !important;
}

/* Particles — hide in light mode */
[data-theme="light"] #particles-js {
  opacity: 0.15;
}

/* Headers */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3 {
  color: #2d3748;
}
[data-theme="light"] h1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Subtitle */
[data-theme="light"] .subtitle {
  color: #718096;
}

/* Links */
[data-theme="light"] .back-link {
  color: #667eea;
}
[data-theme="light"] .back-link:hover {
  color: #764ba2;
}

/* Form & Cards */
[data-theme="light"] .calc-form,
[data-theme="light"] .person-card,
[data-theme="light"] .calculator-wrapper {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(102, 126, 234, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(10px);
}

/* Form elements */
[data-theme="light"] .form-group label {
  color: #4a5568;
}
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
  background: #ffffff;
  border-color: #cbd5e0;
  color: #2d3748;
}
[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}
[data-theme="light"] .form-group input::placeholder {
  color: #a0aec0;
}

/* Buttons */
[data-theme="light"] .submit-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}
[data-theme="light"] .submit-btn:hover {
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

/* Results Section */
[data-theme="light"] .results {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(102, 126, 234, 0.15);
}
[data-theme="light"] .results-title {
  color: #2d3748;
}

/* Energy Profile & Param Items */
[data-theme="light"] .energy-profile-section,
[data-theme="light"] .param-item,
[data-theme="light"] .detail-item {
  background: rgba(102, 126, 234, 0.05);
  border-color: rgba(102, 126, 234, 0.15);
}
[data-theme="light"] .energy-profile-title {
  color: #667eea;
}
[data-theme="light"] .param-value {
  color: #2d3748;
}
[data-theme="light"] .param-desc {
  color: #718096;
}
[data-theme="light"] .param-label {
  color: #4a5568;
}

/* Chart Area */
[data-theme="light"] .chart-container {
  background: rgba(255, 255, 255, 0.95);
}

/* Crystals */
[data-theme="light"] .crystal-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(102, 126, 234, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .crystal-name {
  color: #2d3748;
}
[data-theme="light"] .crystal-desc {
  color: #718096;
}

/* AI Consultation */
[data-theme="light"] .ai-section,
[data-theme="light"] .ai-response {
  background: rgba(102, 126, 234, 0.05);
  border-color: rgba(102, 126, 234, 0.15);
}
[data-theme="light"] .ai-section textarea {
  background: #ffffff;
  color: #2d3748;
  border-color: #cbd5e0;
}

/* Action buttons */
[data-theme="light"] .action-buttons button,
[data-theme="light"] .action-buttons .btn {
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
  border-color: rgba(102, 126, 234, 0.3);
}
[data-theme="light"] .action-buttons button:hover,
[data-theme="light"] .action-buttons .btn:hover {
  background: rgba(102, 126, 234, 0.2);
}

/* Footer */
[data-theme="light"] footer {
  color: #718096;
}
[data-theme="light"] footer p {
  color: #718096;
}

/* Score Circle (Compatibility) */
[data-theme="light"] .score-circle-inner {
  background: #ffffff;
}
[data-theme="light"] .score-label {
  color: #718096;
}

/* Compatibility Details */
[data-theme="light"] .compat-summary {
  color: #4a5568;
}
[data-theme="light"] .detail-item {
  background: rgba(255, 255, 255, 0.95);
}
[data-theme="light"] .detail-category {
  color: #764ba2;
}
[data-theme="light"] .detail-persons {
  color: #718096;
}
[data-theme="light"] .detail-result {
  color: #4a5568;
}

/* Compatibility Recommendations */
[data-theme="light"] .compat-recommendations {
  background: rgba(102, 126, 234, 0.06);
}
[data-theme="light"] .compat-recommendations li {
  color: #4a5568;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

/* Pillar boxes */
[data-theme="light"] .pillar-box {
  background: rgba(102, 126, 234, 0.06);
  border-color: rgba(102, 126, 234, 0.2);
}

/* Forecast — year tabs */
[data-theme="light"] .year-tab {
  background: rgba(102, 126, 234, 0.06);
  border-color: rgba(102, 126, 234, 0.2);
  color: #4a5568;
}
[data-theme="light"] .year-tab.active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

/* Forecast — month cards */
[data-theme="light"] .month-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(102, 126, 234, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .month-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .month-name {
  color: #718096;
}
[data-theme="light"] .month-tengod {
  color: #718096;
}
[data-theme="light"] .month-detail {
  background: rgba(102, 126, 234, 0.06);
  color: #4a5568;
}

/* Forecast — year header */
[data-theme="light"] .year-element {
  color: #667eea;
}
[data-theme="light"] .year-advice {
  color: #4a5568;
}

/* Forecast — summary cards */
[data-theme="light"] .months-summary-card {
  background: rgba(255, 255, 255, 0.95);
}
[data-theme="light"] .months-summary-card p {
  color: #2d3748;
}

/* Forecast — fortune bar backgrounds */
[data-theme="light"] .fortune-bar-bg,
[data-theme="light"] .month-fortune-bar {
  background: rgba(0, 0, 0, 0.08);
}

/* Gender option (Forecast form) */
[data-theme="light"] .gender-label {
  background: rgba(102, 126, 234, 0.06);
  border-color: rgba(102, 126, 234, 0.2);
  color: #4a5568;
}
[data-theme="light"] .gender-option input[type="radio"]:checked + .gender-label {
  background: rgba(102, 126, 234, 0.15);
  border-color: #667eea;
  color: #2d3748;
}

/* Dashboard page */
[data-theme="light"] .dashboard-container {
  background: rgba(255, 255, 255, 0.95);
}
[data-theme="light"] .stat-card {
  background: rgba(102, 126, 234, 0.05);
  border-color: rgba(102, 126, 234, 0.15);
}
[data-theme="light"] .stat-card h3 {
  color: #718096;
}
[data-theme="light"] .stat-value {
  color: #667eea;
}
[data-theme="light"] .history-item {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .history-item-header {
  color: #4a5568;
}
[data-theme="light"] .history-item-body {
  color: #718096;
}
[data-theme="light"] .filter-btn {
  background: rgba(102, 126, 234, 0.06);
  color: #667eea;
  border-color: rgba(102, 126, 234, 0.2);
}
[data-theme="light"] .filter-btn.active {
  background: #667eea;
  color: #ffffff;
}
[data-theme="light"] .btn-small {
  color: #667eea;
}
[data-theme="light"] .btn-logout {
  background: rgba(245, 101, 101, 0.1);
  color: #e53e3e;
  border-color: rgba(245, 101, 101, 0.3);
}
[data-theme="light"] .user-details h2 {
  color: #2d3748;
}
[data-theme="light"] .user-details p {
  color: #718096;
}
[data-theme="light"] .dashboard-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .history-section h2 {
  color: #2d3748;
}

/* Loading states */
[data-theme="light"] .loading p {
  color: #4a5568;
}

/* Lang toggle adaptation */
[data-theme="light"] .lang-toggle {
  background: rgba(255, 255, 255, 0.95);
  border-color: #667eea;
  color: #667eea;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .lang-toggle:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Modal overlay */
[data-theme="light"] .modal-overlay {
  background: rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .modal-content {
  background: #ffffff;
  border-color: rgba(102, 126, 234, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .modal-content h3 {
  color: #2d3748;
}
[data-theme="light"] .modal-content p {
  color: #718096;
}
[data-theme="light"] .modal-content input {
  background: #ffffff;
  border-color: #cbd5e0;
  color: #2d3748;
}

/* Profile dropdown */
[data-theme="light"] .profile-dropdown {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .profile-dropdown a {
  color: #4a5568;
}
[data-theme="light"] .profile-dropdown a:hover {
  background: rgba(102, 126, 234, 0.08);
  color: #667eea;
}

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: #f0f2f8;
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #cbd5e0;
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* Selection */
[data-theme="light"] ::selection {
  background: rgba(102, 126, 234, 0.2);
  color: #2d3748;
}

/* Form section h2 */
[data-theme="light"] .form-section h2 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Sphere/Aspect cards in details */
[data-theme="light"] .sphere-card,
[data-theme="light"] .aspect-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(102, 126, 234, 0.15);
}

/* Notification */
[data-theme="light"] .notification {
  background: rgba(255, 255, 255, 0.95);
  color: #2d3748;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* ===== DASHBOARD DARK THEME (default dark overrides for auth.css light styles) ===== */
/* Dashboard uses auth.css which has white/light backgrounds by default.
   When theme is dark (no data-theme attr), we override to dark colors. */

.dashboard-body .dashboard-header {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dashboard-body .user-details h2 {
  color: #ffffff;
}
.dashboard-body .user-details p {
  color: #a0aec0;
}
.dashboard-body .btn-logout {
  background: rgba(239, 68, 68, 0.2);
  color: #fc8181;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.dashboard-body .btn-logout:hover {
  background: rgba(239, 68, 68, 0.3);
}
.dashboard-body .stat-card {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.dashboard-body .stat-card h3 {
  color: #a0aec0;
}
.dashboard-body .stat-card .stat-value {
  color: #667eea;
}
.dashboard-body .history-section {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 25px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.dashboard-body .history-section h2 {
  color: #e2e8f0;
}
.dashboard-body .history-item {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}
.dashboard-body .history-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.dashboard-body .history-item-header {
  color: #e2e8f0;
}
.dashboard-body .history-item-type {
  color: #667eea;
}
.dashboard-body .history-item-date {
  color: #a0aec0;
}
.dashboard-body .history-item-body {
  color: #a0aec0;
}
.dashboard-body .history-item-body p {
  color: #a0aec0;
}
.dashboard-body .filter-btn {
  background: rgba(255, 255, 255, 0.08);
  color: #a0aec0;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dashboard-body .filter-btn:hover {
  background: rgba(102, 126, 234, 0.15);
  color: #667eea;
}
.dashboard-body .filter-btn.active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  border-color: #667eea;
}
.dashboard-body .btn-small {
  color: #667eea;
  background: rgba(102, 126, 234, 0.1);
  border: 1px solid rgba(102, 126, 234, 0.2);
}
.dashboard-body .btn-small:hover {
  background: rgba(102, 126, 234, 0.2);
}
.dashboard-body .notification {
  background: rgba(26, 26, 61, 0.95);
  color: #e2e8f0;
}
.dashboard-body a[style*="background: linear-gradient"] {
  color: white !important;
}

/* Dashboard light overrides — restore original auth.css look */
[data-theme="light"] .dashboard-body .dashboard-header {
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: none;
}
[data-theme="light"] .dashboard-body .user-details h2 {
  color: #333;
}
[data-theme="light"] .dashboard-body .user-details p {
  color: #666;
}
[data-theme="light"] .dashboard-body .btn-logout {
  background: #ef4444;
  color: white;
  border: none;
}
[data-theme="light"] .dashboard-body .stat-card {
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: none;
}
[data-theme="light"] .dashboard-body .stat-card h3 {
  color: #666;
}
[data-theme="light"] .dashboard-body .stat-card .stat-value {
  color: #667eea;
}
[data-theme="light"] .dashboard-body .history-section {
  background: transparent;
  border: none;
  padding: 0;
}
[data-theme="light"] .dashboard-body .history-section h2 {
  color: #333;
}
[data-theme="light"] .dashboard-body .history-item {
  background: white;
  border-color: #e0e0e0;
}
[data-theme="light"] .dashboard-body .history-item-header {
  color: #333;
}
[data-theme="light"] .dashboard-body .history-item-body {
  color: #666;
}
[data-theme="light"] .dashboard-body .filter-btn {
  background: #f0f0f0;
  color: #666;
  border-color: #e0e0e0;
}
[data-theme="light"] .dashboard-body .filter-btn.active {
  background: #667eea;
  color: white;
}
[data-theme="light"] .dashboard-body .btn-small {
  color: #667eea;
  background: rgba(102, 126, 234, 0.05);
  border-color: rgba(102, 126, 234, 0.2);
}
[data-theme="light"] .dashboard-body .notification {
  background: white;
  color: #333;
}