/* ============================================
   KundliBanao - Day/Night Theme System
   ============================================ */

/* Smooth transition on theme change */
body, body *,
.navbar, .input-card, .number-card, .reading-card,
.zodiac-card, .planet-card, .lucky-card, .loshu-container,
.pyramid-card, .chat-container, .footer, .feature-card,
.testimonial-card, .compat-score-card, .compat-details,
.kundli-score-card, .koota-card, .dosha-card,
.guru-mode-card, .daily-horoscope-bar,
.message-content, .tab-btn, .form-group input,
.nav-link, .btn-secondary, .name-analysis-card,
.name-suggestions, .kundli-remedies {
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

/* ---- Theme Toggle Button ---- */
.theme-toggle {
    width: 52px;
    height: 28px;
    border-radius: 14px;
    border: none;
    cursor: pointer;
    position: relative;
    background: linear-gradient(135deg, #1a1a2e, #2d2d4a);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
    transition: all 0.4s ease;
    margin-left: 8px;
    flex-shrink: 0;
}

.theme-toggle::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700, #f59e0b);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
}

.theme-toggle::after {
    content: '\f186';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

/* Light mode toggle state */
body.light-theme .theme-toggle {
    background: linear-gradient(135deg, #87CEEB, #b0d4f1);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

body.light-theme .theme-toggle::before {
    left: 27px;
    background: linear-gradient(135deg, #FFD700, #FFA500);
    box-shadow: 0 2px 8px rgba(255, 165, 0, 0.5);
}

body.light-theme .theme-toggle::after {
    content: '\f185';
    right: auto;
    left: 7px;
    color: rgba(0, 0, 0, 0.3);
}

/* ============================================
   LIGHT THEME - Day Mode
   ============================================ */

body.light-theme {
    --primary: #7c3aed;
    --primary-light: #6d28d9;
    --primary-dark: #5b21b6;
    --secondary: #d97706;
    --secondary-light: #b45309;
    --accent: #db2777;
    --accent-light: #be185d;
    --bg-dark: #f0f0f5;
    --bg-card: #ffffff;
    --bg-card-hover: #f8f8fc;
    --bg-input: #f5f5fa;
    --text: #1e1e2e;
    --text-muted: #4a4a6a;
    --text-dim: #7a7a9a;
    --border: #e0e0ee;
    --success: #059669;
    --danger: #dc2626;
    --gold: #b8860b;
    --gradient-1: linear-gradient(135deg, #7c3aed, #db2777);
    --gradient-2: linear-gradient(135deg, #d97706, #dc2626);
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.12);
}

body.light-theme {
    background-color: #f0f0f5;
    color: #1e1e2e;
}

/* ---- Stars hidden in light mode ---- */
body.light-theme .stars-container {
    opacity: 0;
    pointer-events: none;
}

/* ---- Navbar Light ---- */
body.light-theme .navbar.scrolled {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(25px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

body.light-theme .logo {
    color: #1e1e2e;
}

body.light-theme .nav-link {
    color: #4a4a6a;
}

body.light-theme .nav-link:hover,
body.light-theme .nav-link.active {
    color: #7c3aed;
    background: rgba(124, 58, 237, 0.08);
}

body.light-theme .nav-links {
    background: rgba(255, 255, 255, 0.98);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* ---- Hero Light ---- */
body.light-theme .hero-badge {
    background: rgba(124, 58, 237, 0.08);
    border-color: rgba(124, 58, 237, 0.2);
    color: #7c3aed;
}

body.light-theme .hero-description {
    color: #4a4a6a;
}

body.light-theme .stat-number {
    color: #7c3aed;
}

body.light-theme .stat-label {
    color: #7a7a9a;
}

body.light-theme .btn-secondary {
    color: #1e1e2e;
    border-color: #d0d0e0;
}

body.light-theme .btn-secondary:hover {
    background: rgba(124, 58, 237, 0.06);
    border-color: #7c3aed;
}

body.light-theme .zodiac-wheel {
    border-color: rgba(124, 58, 237, 0.2);
}

body.light-theme .zodiac-wheel::before {
    border-color: rgba(217, 119, 6, 0.15);
}

body.light-theme .zodiac-wheel::after {
    border-color: rgba(219, 39, 119, 0.15);
}

body.light-theme .zodiac-symbol {
    background: #ffffff;
    border-color: #e0e0ee;
    color: #1e1e2e;
}

/* ---- Cards Light ---- */
body.light-theme .input-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

body.light-theme .form-group input {
    background: #f5f5fa;
    border-color: #d8d8e8;
    color: #1e1e2e;
}

body.light-theme .form-group input:focus {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.08);
    background: #ffffff;
}

body.light-theme .form-group input::placeholder {
    color: #a0a0b8;
}

body.light-theme .form-group label {
    color: #4a4a6a;
}

body.light-theme .form-group label i {
    color: #7c3aed;
}

body.light-theme .number-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .number-card:hover {
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow: 0 15px 35px rgba(124, 58, 237, 0.1);
}

body.light-theme .number-card .number-label {
    color: #4a4a6a;
}

body.light-theme .number-card .number-brief {
    color: #7a7a9a;
}

body.light-theme .number-card.master {
    background: rgba(255, 248, 220, 0.6);
    border-color: rgba(184, 134, 11, 0.3);
}

body.light-theme .reading-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

body.light-theme .reading-tabs {
    background: #f0f0f5;
}

body.light-theme .tab-btn {
    color: #7a7a9a;
}

body.light-theme .tab-btn:hover {
    color: #7c3aed;
    background: rgba(124, 58, 237, 0.06);
}

body.light-theme .tab-btn.active {
    color: #7c3aed;
    background: rgba(124, 58, 237, 0.1);
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.1);
}

body.light-theme .tab-content h3 {
    color: #7c3aed;
}

body.light-theme .tab-content h4 {
    color: #d97706;
}

body.light-theme .tab-content p {
    color: #4a4a6a;
}

body.light-theme .tab-content ul li {
    color: #4a4a6a;
}

body.light-theme .reading-highlight {
    background: rgba(124, 58, 237, 0.04);
    border-left-color: #7c3aed;
}

body.light-theme .reading-highlight p {
    color: #1e1e2e;
}

/* ---- Lucky Section Light ---- */
body.light-theme .lucky-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .lucky-card h4 {
    color: #b45309;
}

body.light-theme .lucky-number {
    background: rgba(124, 58, 237, 0.08);
    color: #7c3aed;
    border-color: rgba(124, 58, 237, 0.2);
}

body.light-theme .lucky-day {
    background: rgba(217, 119, 6, 0.08);
    color: #b45309;
    border-color: rgba(217, 119, 6, 0.2);
}

body.light-theme .lucky-gem {
    background: rgba(219, 39, 119, 0.08);
    color: #be185d;
    border-color: rgba(219, 39, 119, 0.2);
}

/* ---- Section Alt Light ---- */
body.light-theme .section-alt {
    background: rgba(240, 240, 245, 0.5);
}

/* ---- Zodiac Card Light ---- */
body.light-theme .zodiac-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .zodiac-dates {
    color: #7a7a9a;
}

body.light-theme .zodiac-element {
    background: rgba(124, 58, 237, 0.08);
    color: #7c3aed;
}

body.light-theme .trait-badge {
    background: rgba(217, 119, 6, 0.06);
    border-color: rgba(217, 119, 6, 0.15);
    color: #b45309;
}

/* ---- Planet Cards Light ---- */
body.light-theme .planet-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .planet-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: rgba(124, 58, 237, 0.2);
}

body.light-theme .planet-name {
    color: #1e1e2e;
}

body.light-theme .planet-sign {
    color: #7c3aed;
}

body.light-theme .planet-meaning {
    color: #7a7a9a;
}

/* ---- Compatibility Light ---- */
body.light-theme .compat-score-card,
body.light-theme .compat-details {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .compat-details h4 {
    color: #b45309;
}

body.light-theme .compat-details p {
    color: #4a4a6a;
}

body.light-theme .compat-bar {
    background: #e8e8f0;
}

/* ---- Kundli Light ---- */
body.light-theme .kundli-score-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .kundli-verdict-detail {
    color: #4a4a6a;
}

body.light-theme .kundli-profile-detail {
    color: #7a7a9a;
}

body.light-theme .koota-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .koota-card:hover {
    border-color: rgba(124, 58, 237, 0.2);
    box-shadow: -4px 0 15px rgba(124, 58, 237, 0.06);
}

body.light-theme .koota-name { color: #1e1e2e; }
body.light-theme .koota-desc { color: #4a4a6a; }
body.light-theme .koota-values { color: #7a7a9a; }
body.light-theme .koota-bar { background: #e8e8f0; }

body.light-theme .dosha-card {
    background: #ffffff;
}

body.light-theme .dosha-card.has-dosha {
    background: rgba(220, 38, 38, 0.02);
    border-color: rgba(220, 38, 38, 0.2);
}

body.light-theme .dosha-card.no-dosha {
    background: rgba(5, 150, 105, 0.02);
    border-color: rgba(5, 150, 105, 0.2);
}

body.light-theme .dosha-desc { color: #4a4a6a; }

body.light-theme .kundli-remedies {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .remedy-icon {
    background: rgba(217, 119, 6, 0.08);
    color: #b45309;
}

body.light-theme .remedy-text { color: #4a4a6a; }

body.light-theme .remedy-item {
    border-bottom-color: rgba(0, 0, 0, 0.05);
}

/* ---- Lo Shu Grid Light ---- */
body.light-theme .loshu-container {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .loshu-cell {
    background: #f5f5fa;
    border-color: #d8d8e8;
}

body.light-theme .loshu-cell.present {
    background: rgba(124, 58, 237, 0.06);
    border-color: rgba(124, 58, 237, 0.3);
}

body.light-theme .loshu-cell.repeated {
    background: rgba(184, 134, 11, 0.06);
    border-color: rgba(184, 134, 11, 0.3);
}

body.light-theme .loshu-cell.missing {
    background: rgba(220, 38, 38, 0.03);
    border-color: rgba(220, 38, 38, 0.2);
}

body.light-theme .loshu-cell.present .loshu-num { color: #7c3aed; }
body.light-theme .loshu-cell.repeated .loshu-num { color: #b8860b; }
body.light-theme .loshu-cell.missing .loshu-num { color: #b0b0c8; }

body.light-theme .loshu-plane-item {
    background: #f5f5fa;
    border-left-color: #059669;
}

body.light-theme .loshu-plane-item.diag {
    background: rgba(184, 134, 11, 0.04);
    border-left-color: #b8860b;
}

body.light-theme .loshu-missing-item {
    background: #f5f5fa;
    border-left-color: #dc2626;
}

body.light-theme .loshu-repeated-item {
    background: rgba(184, 134, 11, 0.03);
    border-left-color: #b8860b;
}

/* ---- Chat Light ---- */
body.light-theme .chat-container {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .chat-messages {
    background: #fafafe;
}

body.light-theme .message-content {
    background: #f0f0f5;
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .user-message .message-content {
    background: rgba(124, 58, 237, 0.06);
    border-color: rgba(124, 58, 237, 0.12);
}

body.light-theme .message-content p {
    color: #4a4a6a;
}

body.light-theme .message-name {
    color: #b45309;
}

body.light-theme .user-message .message-name {
    color: #7c3aed;
}

body.light-theme .chat-input-area {
    background: #f5f5fa;
    border-top-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .chat-input-wrapper input {
    background: #ffffff;
    border-color: #d8d8e8;
    color: #1e1e2e;
}

body.light-theme .chat-input-wrapper input::placeholder {
    color: #a0a0b8;
}

body.light-theme .suggestion-chip {
    background: rgba(124, 58, 237, 0.06);
    border-color: rgba(124, 58, 237, 0.15);
    color: #7c3aed;
}

body.light-theme .suggestion-chip:hover {
    background: rgba(124, 58, 237, 0.12);
}

/* ---- Guru Mode Cards Light ---- */
body.light-theme .guru-mode-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .guru-mode-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

body.light-theme .guru-mode-card h4 { color: #1e1e2e; }
body.light-theme .guru-mode-card > p { color: #4a4a6a; }
body.light-theme .guru-mode-card ul li { color: #7a7a9a; }
body.light-theme .guru-mode-card ul li::before { color: #7c3aed; }

body.light-theme .guru-active-mode.numerology {
    background: rgba(124, 58, 237, 0.08);
    color: #7c3aed;
    border-color: rgba(124, 58, 237, 0.2);
}

body.light-theme .guru-active-mode.astrology {
    background: rgba(217, 119, 6, 0.08);
    color: #b45309;
    border-color: rgba(217, 119, 6, 0.2);
}

/* ---- Features & Testimonials Light ---- */
body.light-theme .feature-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.05);
}

body.light-theme .feature-card:hover {
    border-color: rgba(124, 58, 237, 0.2);
    box-shadow: 0 15px 30px rgba(124, 58, 237, 0.06);
}

body.light-theme .feature-card h4 { color: #1e1e2e; }
body.light-theme .feature-card p { color: #4a4a6a; }

body.light-theme .feature-icon {
    background: rgba(124, 58, 237, 0.06);
    color: #7c3aed;
}

body.light-theme .testimonial-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.05);
}

body.light-theme .testimonial-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

body.light-theme .testimonial-text { color: #4a4a6a; }
body.light-theme .testimonial-name { color: #1e1e2e; }
body.light-theme .testimonial-location { color: #7a7a9a; }
body.light-theme .testimonial-stars { color: #b8860b; }

/* ---- Daily Horoscope Light ---- */
body.light-theme .daily-horoscope-bar {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.05);
}

body.light-theme .daily-zodiac-select {
    background: #ffffff;
    border-color: #d8d8e8;
    color: #1e1e2e;
}

body.light-theme .daily-prediction-text { color: #4a4a6a; }

/* ---- Pyramid Light ---- */
body.light-theme .pyramid-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .pyramid-num {
    background: rgba(124, 58, 237, 0.06);
    border-color: rgba(124, 58, 237, 0.15);
    color: #7c3aed;
}

body.light-theme .pyramid-num.highlight {
    color: white;
}

/* ---- Name Analysis Light ---- */
body.light-theme .name-analysis-card,
body.light-theme .name-suggestions {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .letter-box {
    background: rgba(124, 58, 237, 0.04);
    border-color: rgba(124, 58, 237, 0.12);
}

body.light-theme .letter-char { color: #1e1e2e; }
body.light-theme .letter-num { color: #7c3aed; }

body.light-theme .suggestion-item {
    background: #f5f5fa;
}

body.light-theme .suggestion-item:hover {
    background: rgba(124, 58, 237, 0.04);
}

body.light-theme .suggestion-name { color: #1e1e2e; }
body.light-theme .suggestion-number { color: #7c3aed; }
body.light-theme .suggestion-reason { color: #7a7a9a; }

/* ---- Footer Light ---- */
body.light-theme .footer {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-top-color: rgba(0, 0, 0, 0.06);
}

body.light-theme .footer-brand p { color: #4a4a6a; }
body.light-theme .footer-disclaimer { color: #7a7a9a !important; }
body.light-theme .footer-links h4,
body.light-theme .footer-features h4 { color: #1e1e2e; }
body.light-theme .footer-links a { color: #4a4a6a; }
body.light-theme .footer-links a:hover { color: #7c3aed; }
body.light-theme .footer-features p { color: #4a4a6a; }
body.light-theme .footer-features i { color: #059669; }
body.light-theme .footer-bottom { color: #7a7a9a; border-top-color: rgba(0,0,0,0.06); }

/* ---- Floating Chat Button Light ---- */
body.light-theme .floating-chat-btn {
    box-shadow: 0 6px 25px rgba(124, 58, 237, 0.3);
}

/* ---- Back to Top Light ---- */
body.light-theme .back-to-top {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.08);
    color: #7c3aed;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

body.light-theme .back-to-top:hover {
    background: #7c3aed;
    color: white;
}

/* ---- Scrollbar Light ---- */
body.light-theme ::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, 0.2);
}

body.light-theme ::-webkit-scrollbar-thumb:hover {
    background: rgba(124, 58, 237, 0.4);
}

/* ---- Selection Light ---- */
body.light-theme ::selection {
    background: rgba(124, 58, 237, 0.15);
    color: #1e1e2e;
}

/* ---- Section Title Glow Light ---- */
body.light-theme .section-title {
    text-shadow: none;
}

body.light-theme .hero-title .gradient-text {
    text-shadow: none;
}

/* ---- Results Heading Light ---- */
body.light-theme .results-heading {
    color: #b45309;
    border-bottom-color: rgba(217, 119, 6, 0.1);
}

/* ---- Scroll Progress Light ---- */
body.light-theme .scroll-progress {
    box-shadow: 0 0 8px rgba(124, 58, 237, 0.3);
}