/* ==========================================
   RavanYab Home - New Light Color Palette
   Warm Ivory / Olive / Champagne Gold
========================================== */

html[data-theme="light"] {
    --clinic-bg: #F8F5EF;
    --clinic-surface: #FFFEFB;
    --clinic-text: #393D32;
    --clinic-muted: #817F72;
    --clinic-border: #EAE3D7;
    --clinic-shadow: 0 12px 35px rgba(76, 66, 47, .07);
    --clinic-sage: #879477;
    --clinic-sage-dark: #596B4D;
    --clinic-sage-light: #E8EBDD;
    --clinic-sage-soft: #F0F1E8;
    --clinic-blue-gray: #A18B72;
    --clinic-blue-gray-soft: #F1EAE0;
}

    /* Main page background */
    html[data-theme="light"] body {
        background: #F8F5EF;
        color: #393D32;
    }

    /* Main sections */
    html[data-theme="light"] .hero-section,
    html[data-theme="light"] .services-section,
    html[data-theme="light"] .about-section,
    html[data-theme="light"] .articles-section,
    html[data-theme="light"] .reviews-section,
    html[data-theme="light"] .suitability-section,
    html[data-theme="light"] .credentials-section {
        background-color: #F8F5EF;
        color: #393D32;
    }

    /* Hero */
    html[data-theme="light"] .hero-section {
        background: linear-gradient( 135deg, #F5F1E8 0%, #EDEFE5 55%, #F3EADF 100% );
    }

        html[data-theme="light"] .hero-section h1,
        html[data-theme="light"] .hero-section p {
            color: #393D32;
        }

            html[data-theme="light"] .hero-section h1 span,
            html[data-theme="light"] .hero-badge {
                color: #596B4D;
            }

    /* Section headings */
    html[data-theme="light"] .section-heading h2,
    html[data-theme="light"] .about-section h2,
    html[data-theme="light"] .suitability-content h2,
    html[data-theme="light"] .credentials-card h2 {
        color: #393D32;
    }

    html[data-theme="light"] .section-heading p,
    html[data-theme="light"] .about-section p,
    html[data-theme="light"] .suitability-card p {
        color: #817F72;
    }

    html[data-theme="light"] .section-heading > span,
    html[data-theme="light"] .section-label,
    html[data-theme="light"] .article-body > span {
        color: #71805F;
    }

    /* Cards */
    html[data-theme="light"] .service-card,
    html[data-theme="light"] .article-card,
    html[data-theme="light"] .about-box,
    html[data-theme="light"] .review-placeholder,
    html[data-theme="light"] .suitability-card,
    html[data-theme="light"] .credentials-card {
        background: #FFFEFB;
        color: #393D32;
        border: 1px solid #EAE3D7;
        box-shadow: 0 10px 30px rgba(76, 66, 47, .06);
        border-radius: 22px;
    }

        html[data-theme="light"] .service-card h3,
        html[data-theme="light"] .article-body h3,
        html[data-theme="light"] .suitability-visual h3 {
            color: #424638;
        }

        html[data-theme="light"] .service-card p,
        html[data-theme="light"] .article-body p {
            color: #817F72;
        }

    /* Service icons */
    html[data-theme="light"] .service-icon {
        background: #E8EBDD;
        color: #596B4D;
    }

    /* Buttons */
    html[data-theme="light"] .btn-clinic {
        background: #596B4D;
        border-color: #596B4D;
        color: #fff;
        border-radius: 12px;
    }

        html[data-theme="light"] .btn-clinic:hover {
            background: #45563B;
            border-color: #45563B;
            color: #fff;
        }

    html[data-theme="light"] .btn-outline-clinic {
        background: transparent;
        color: #596B4D;
        border-color: #879477;
        border-radius: 12px;
    }

        html[data-theme="light"] .btn-outline-clinic:hover {
            background: #E8EBDD;
            color: #45563B;
        }

    /* About and suitability */
    html[data-theme="light"] .suitability-visual {
        background: #F1EAE0;
    }

    html[data-theme="light"] .fit-icon {
        background: #FFFEFB;
        color: #8D795E;
    }

    html[data-theme="light"] .fit-list i {
        color: #71805F;
    }

    html[data-theme="light"] .fit-note {
        background: #F0F1E8;
        color: #596B4D;
    }

    /* Article placeholder */
    html[data-theme="light"] .article-placeholder {
        background: #F1EAE0;
        color: #A18B72;
    }

    /* Assessment and CTA */
    html[data-theme="light"] .assessment-box,
    html[data-theme="light"] .cta-section {
        background: linear-gradient( 120deg, #596B4D, #7C8768 );
        border-radius: 24px;
        color: #fff;
    }

        html[data-theme="light"] .assessment-box h2,
        html[data-theme="light"] .assessment-box p,
        html[data-theme="light"] .cta-section h2,
        html[data-theme="light"] .cta-section p {
            color: #fff;
        }

    /* FAQ */
    html[data-theme="light"] .accordion-item,
    html[data-theme="light"] .accordion-button,
    html[data-theme="light"] .accordion-body {
        background: #FFFEFB;
        color: #393D32;
        border-color: #EAE3D7;
    }

        html[data-theme="light"] .accordion-button:not(.collapsed) {
            background: #E8EBDD;
            color: #596B4D;
            box-shadow: none;
        }

    /* Forms */
    html[data-theme="light"] .credentials-form .form-label {
        color: #424638;
    }

    html[data-theme="light"] .credentials-form .form-control {
        background: #FAF8F3;
        color: #393D32;
        border-color: #E5DDCF;
    }

        html[data-theme="light"] .credentials-form .form-control:focus {
            border-color: #879477;
            box-shadow: 0 0 0 3px rgba(135, 148, 119, .14);
        }

    html[data-theme="light"] .form-text {
        color: #817F72;
    }

    /* Theme toggle */
    html[data-theme="light"] .theme-toggle {
        background: #FFFEFB;
        color: #596B4D;
        border-color: #EAE3D7;
    }

    /* Navbar */
    html[data-theme="light"] .clinic-navbar {
        background: rgba(255, 254, 251, .96);
        border-bottom: 1px solid #EAE3D7;
    }

        html[data-theme="light"] .clinic-navbar .nav-link {
            color: #4D5145;
        }

            html[data-theme="light"] .clinic-navbar .nav-link:hover {
                color: #71805F;
            }

    /* Hover effects */
    html[data-theme="light"] .service-card:hover,
    html[data-theme="light"] .article-card:hover {
        border-color: #C7CEB8;
        box-shadow: 0 15px 35px rgba(76, 66, 47, .10);
        transform: translateY(-4px);
    }

    /* WhatsApp button */
    html[data-theme="light"] .whatsapp-float {
        background: #258B62;
        color: #fff;
    }
/* =========================================
   HOME - LIGHT THEME BUTTON FIX
========================================= */

html[data-theme="light"] {
    /* دکمه اصلی */
    --clinic-button-primary: #788B68;
    --clinic-button-primary-hover: #687B59;
    --clinic-button-primary-text: #FFFFFF;
    /* دکمه ثانویه */
    --clinic-button-secondary: #E9EBDD;
    --clinic-button-secondary-hover: #DDE3D2;
    --clinic-button-secondary-text: #3D4935;
    /* دکمه خنثی */
    --clinic-button-neutral: #F0ECE4;
    --clinic-button-neutral-hover: #E6DFD2;
    --clinic-button-neutral-text: #49463D;
}

    /* دکمه‌های اصلی */
    html[data-theme="light"] .hero-section .btn,
    html[data-theme="light"] .cta-section .btn,
    html[data-theme="light"] .assessment-box .btn,
    html[data-theme="light"] .btn-primary {
        background: var(--clinic-button-primary);
        color: var(--clinic-button-primary-text) !important;
        border: 1px solid var(--clinic-button-primary);
        box-shadow: 0 4px 12px rgba(80, 100, 65, 0.12);
    }

        html[data-theme="light"] .hero-section .btn:hover,
        html[data-theme="light"] .cta-section .btn:hover,
        html[data-theme="light"] .assessment-box .btn:hover,
        html[data-theme="light"] .btn-primary:hover {
            background: var(--clinic-button-primary-hover);
            color: #FFFFFF !important;
            border-color: var(--clinic-button-primary-hover);
        }

    /* دکمه‌های ثانویه و روشن */
    html[data-theme="light"] .btn-secondary,
    html[data-theme="light"] .btn-outline-primary,
    html[data-theme="light"] .btn-outline-secondary {
        background: var(--clinic-button-secondary);
        color: var(--clinic-button-secondary-text) !important;
        border: 1px solid #D5DDCA;
    }

        html[data-theme="light"] .btn-secondary:hover,
        html[data-theme="light"] .btn-outline-primary:hover,
        html[data-theme="light"] .btn-outline-secondary:hover {
            background: var(--clinic-button-secondary-hover);
            color: #303B2B !important;
        }

    /* دکمه‌های خنثی */
    html[data-theme="light"] .btn-light,
    html[data-theme="light"] .btn-outline-light {
        background: var(--clinic-button-neutral);
        color: var(--clinic-button-neutral-text) !important;
        border: 1px solid #E3DCCE;
    }

        html[data-theme="light"] .btn-light:hover,
        html[data-theme="light"] .btn-outline-light:hover {
            background: var(--clinic-button-neutral-hover);
            color: #39372F !important;
        }

    /* لینک‌هایی که ظاهر دکمه دارند */
    html[data-theme="light"] .hero-section a,
    html[data-theme="light"] .cta-section a,
    html[data-theme="light"] .assessment-box a {
        text-decoration: none;
    }

    /* خوانایی متن و آیکون داخل دکمه‌ها */
    html[data-theme="light"] .btn i,
    html[data-theme="light"] .btn svg {
        color: inherit;
    }
    /* =========================================
   NAVBAR LOGIN / REGISTER BUTTON
========================================= */

    html[data-theme="light"] .clinic-navbar a.btn.btn-clinic,
    html[data-theme="dark"] .clinic-navbar a.btn.btn-clinic {
        background-color: #4A6B5D !important;
        background: #4A6B5D !important;
        border: 1px solid #4A6B5D !important;
        color: #FFFFFF !important;
        box-shadow: none !important;
    }

        html[data-theme="light"] .clinic-navbar a.btn.btn-clinic:hover,
        html[data-theme="dark"] .clinic-navbar a.btn.btn-clinic:hover {
            background-color: #3B574B !important;
            background: #3B574B !important;
            border-color: #3B574B !important;
            color: #FFFFFF !important;
            transform: translateY(-2px);
        }

        html[data-theme="light"] .clinic-navbar a.btn.btn-clinic:focus,
        html[data-theme="dark"] .clinic-navbar a.btn.btn-clinic:focus {
            background-color: #4A6B5D !important;
            color: #FFFFFF !important;
            box-shadow: 0 0 0 3px rgba(74, 107, 93, 0.2) !important;
        }
    /* =========================================
   NAVBAR DROPDOWN - LIGHT MODE FIX
========================================= */

    html[data-theme="light"] .clinic-navbar .therapist-panel-menu,
    html[data-theme="light"] .clinic-navbar .client-panel-menu,
    html[data-theme="light"] .clinic-navbar .dropdown-menu {
        background-color: #FFFEFB !important;
        background: #FFFEFB !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: 1px solid #E5E8DF !important;
        box-shadow: 0 12px 30px rgba(45, 58, 48, 0.16) !important;
        z-index: 1100 !important;
    }

        /* متن آیتم‌های منو */
        html[data-theme="light"] .clinic-navbar .dropdown-menu .dropdown-item {
            color: #3F4D42 !important;
            background-color: transparent;
        }

            /* Hover آیتم‌ها */
            html[data-theme="light"] .clinic-navbar .dropdown-menu .dropdown-item:hover,
            html[data-theme="light"] .clinic-navbar .dropdown-menu .dropdown-item:focus {
                background-color: #E9EEE7 !important;
                color: #4A6B5D !important;
            }

            /* آیکون‌ها */
            html[data-theme="light"] .clinic-navbar .dropdown-menu .dropdown-item i {
                color: inherit !important;
            }

        /* جداکننده */
        html[data-theme="light"] .clinic-navbar .dropdown-menu .dropdown-divider {
            border-color: #E5E8DF !important;
        }
/* =========================================
   LIGHT MODE - TYPOGRAPHY
========================================= */

html[data-theme="light"] {
    --clinic-heading: #35483D;
    --clinic-text: #4B554D;
    --clinic-muted: #737D73;
    --clinic-link: #4A6B5D;
}

    /* تیترها */
    html[data-theme="light"] .hero-section h1,
    html[data-theme="light"] .hero-section h2,
    html[data-theme="light"] .section-heading h2,
    html[data-theme="light"] .about-section h2,
    html[data-theme="light"] .cta-section h2 {
        color: var(--clinic-heading);
    }

    /* متن‌های اصلی */
    html[data-theme="light"] .hero-section p,
    html[data-theme="light"] .services-section p,
    html[data-theme="light"] .about-section p,
    html[data-theme="light"] .articles-section p,
    html[data-theme="light"] .reviews-section p {
        color: var(--clinic-text);
    }

    /* متن‌های فرعی */
    html[data-theme="light"] .section-label,
    html[data-theme="light"] .hero-badge,
    html[data-theme="light"] .article-meta {
        color: var(--clinic-muted);
    }

    /* لینک‌ها */
    html[data-theme="light"] .home-page a:not(.btn) {
        color: var(--clinic-link);
    }