/* Dark mode — overrides hardcoded light surfaces */

html[data-theme="dark"] {
    --primary-purple: #8b7cff;
    --primary-color: #8b7cff;
    --primary-color-rgb: 139, 124, 255;
    --text-color: #f2f2f7;
    --success-color: #34d399;
    --error-color: #f87171;
    --white: #16161d;
    --black: #f2f2f7;
    --gray: #c4c4d4;
    --light-gray: #22222c;
    --shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}

html[data-theme="dark"] body,
html[data-theme="dark"] #page,
html[data-theme="dark"] .site,
html[data-theme="dark"] .site-content {
    background-color: #121218 !important;
    color: #f2f2f7 !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #f7f7fb;
}

html[data-theme="dark"] p {
    color: #c8c8d6;
}

html[data-theme="dark"] a {
    color: #cfc7ff;
}

/* Header */
html[data-theme="dark"] .site-header {
    background: rgba(18, 18, 26, 0.92) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .main-navigation a,
html[data-theme="dark"] .mobile-menu-toggle,
html[data-theme="dark"] .brand-name,
html[data-theme="dark"] .brand-tagline,
html[data-theme="dark"] .mobile-nav-title {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .main-navigation a:hover,
html[data-theme="dark"] .main-navigation a.current-menu-item,
html[data-theme="dark"] .main-navigation .current-menu-item > a {
    color: #cfc7ff !important;
}

html[data-theme="dark"] .main-navigation .sub-menu {
    background: #1c1c26;
}

html[data-theme="dark"] .theme-toggle {
    background: #8b7cff;
    color: #ffffff;
}

html[data-theme="dark"] .theme-toggle:hover {
    background: #a99fff;
    color: #121218;
}

html[data-theme="dark"] .mobile-nav-close {
    background: rgba(139, 124, 255, 0.2);
    color: #cfc7ff;
}

/* Hero stays branded, slightly deeper */
html[data-theme="dark"] .hero-section {
    background: #3f2ad4;
}

html[data-theme="dark"] .hero-content,
html[data-theme="dark"] .clinic-name,
html[data-theme="dark"] .clinic-slogan,
html[data-theme="dark"] .clinic-description,
html[data-theme="dark"] .clinic-info,
html[data-theme="dark"] .clinic-info p {
    color: #ffffff !important;
}

/* Services */
html[data-theme="dark"] .services-section {
    background: #121218 !important;
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .services-section .section-title,
html[data-theme="dark"] .services-section .section-description,
html[data-theme="dark"] .services-section .section-tagline {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .service-item {
    background: linear-gradient(135deg, #4c3cc9, #5b2fd1, #6d28d9) !important;
}

html[data-theme="dark"] .service-item h3,
html[data-theme="dark"] .service-item p {
    color: #ffffff !important;
}

/* Distinguishing / team */
html[data-theme="dark"] .distinguishing-factors,
html[data-theme="dark"] .team-section {
    background: #121218 !important;
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .distinguishing-factors .section-title,
html[data-theme="dark"] .distinguishing-factors .section-description,
html[data-theme="dark"] .distinguishing-factors .section-tagline,
html[data-theme="dark"] .team-section .section-title,
html[data-theme="dark"] .team-section .section-description {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .factor-card,
html[data-theme="dark"] .team-member {
    background: #1c1c26 !important;
    border-color: #2e2e3c !important;
    color: #f2f2f7 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .factor-card:hover,
html[data-theme="dark"] .team-member:hover {
    background: #242433 !important;
    border-color: #8b7cff !important;
}

html[data-theme="dark"] .factor-card h3,
html[data-theme="dark"] .team-name {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .factor-card p,
html[data-theme="dark"] .team-position,
html[data-theme="dark"] .team-description {
    color: #c4c4d4 !important;
}

/* Portfolio */
html[data-theme="dark"] .portfolio {
    background: #2f2499 !important;
}

html[data-theme="dark"] .portfolio .section-title,
html[data-theme="dark"] .portfolio .section-description {
    color: #ffffff !important;
}

/* Booking */
html[data-theme="dark"] .booking-cta {
    background: #3f2ad4 !important;
}

html[data-theme="dark"] .booking-message h2,
html[data-theme="dark"] .booking-message p {
    color: #ffffff !important;
}

/* Pricing — light theme uses !important */
html[data-theme="dark"] .pricing {
    background: #121218 !important;
}

html[data-theme="dark"] .pricing .section-title,
html[data-theme="dark"] .pricing .section-description {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .pricing-card {
    background: #1c1c26 !important;
    color: #f2f2f7 !important;
    border-color: #2e2e3c !important;
}

html[data-theme="dark"] .pricing-card.featured {
    border-color: #8b7cff !important;
}

html[data-theme="dark"] .pricing-header h3,
html[data-theme="dark"] .pricing-card h3,
html[data-theme="dark"] .price,
html[data-theme="dark"] .pricing-features li {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .location-section {
    background: #16161d;
}

html[data-theme="dark"] .location-section .section-title {
    color: #f7f7fb !important;
}

html[data-theme="dark"] .location-section .section-description {
    color: #c4c4d4 !important;
}

html[data-theme="dark"] .location-card {
    background: #1c1c26;
    border-color: rgba(139, 124, 255, 0.2);
}

html[data-theme="dark"] .location-card__body h3 {
    color: #f7f7fb;
}

html[data-theme="dark"] .location-card__body p,
html[data-theme="dark"] .location-card__note {
    color: #c4c4d4 !important;
}

html[data-theme="dark"] .location-card__icon {
    background: rgba(139, 124, 255, 0.18);
    color: #cfc7ff;
}

html[data-theme="dark"] .location-section__map {
    background: #121218;
}

html[data-theme="dark"] .location-map-fallback {
    background: #1c1c26;
    color: #cfc7ff;
}

/* Footer */
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .footer-bottom {
    background: transparent !important;
}

html[data-theme="dark"] .glass-card,
html[data-theme="dark"] .cta-panel {
    background:
        linear-gradient(145deg, rgba(28, 28, 38, 0.92), rgba(90, 59, 241, 0.18)),
        rgba(22, 22, 30, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .cta-panel__title {
    color: #f7f7fb !important;
}

html[data-theme="dark"] .cta-panel__text,
html[data-theme="dark"] .cta-panel__brand p,
html[data-theme="dark"] .cta-panel__address,
html[data-theme="dark"] .footer-bottom__copy,
html[data-theme="dark"] .footer-bottom__credit,
html[data-theme="dark"] .copyright {
    color: #c4c4d4 !important;
}

html[data-theme="dark"] .cta-panel__brand-name,
html[data-theme="dark"] .cta-panel__link,
html[data-theme="dark"] .footer-bottom__credit-brand {
    color: #cfc7ff !important;
}

html[data-theme="dark"] .cta-panel__divider {
    background: linear-gradient(to left, transparent, rgba(139, 124, 255, 0.35), transparent);
}

html[data-theme="dark"] .footer-bottom__credit-logo {
    filter: grayscale(1) brightness(1.4);
}

html[data-theme="dark"] .map-link {
    background: #1c1c26;
    color: #cfc7ff;
}

html[data-theme="dark"] .map-link:hover {
    background: #8b7cff;
    color: #ffffff;
}

html[data-theme="dark"] .social-link {
    color: #cfc7ff;
}

/* Inner pages */
html[data-theme="dark"] .page-content,
html[data-theme="dark"] .single-post,
html[data-theme="dark"] .blog-hero,
html[data-theme="dark"] .archive-hero,
html[data-theme="dark"] .content-area,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .comments-area,
html[data-theme="dark"] .portfolio-single,
html[data-theme="dark"] .no-posts,
html[data-theme="dark"] .error-404 {
    background-color: transparent;
    color: #e8e8f2;
}

html[data-theme="dark"] .entry-title,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .widget-title {
    color: #f7f7fb !important;
}

html[data-theme="dark"] .booking-form,
html[data-theme="dark"] .posts-grid,
html[data-theme="dark"] .search-modal,
html[data-theme="dark"] .search-modal-content {
    background: #1c1c26 !important;
    color: #f2f2f7;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group select,
html[data-theme="dark"] .form-group textarea {
    background: #16161d !important;
    color: #f2f2f7 !important;
    border-color: #333344 !important;
}

html[data-theme="dark"] .form-group label {
    color: #f2f2f7 !important;
}

html[data-theme="dark"] .swiper-pagination-bullet {
    background: #8b7cff;
}

html[data-theme="dark"] .swiper-button-next,
html[data-theme="dark"] .swiper-button-prev {
    color: #cfc7ff;
}

html[data-theme="dark"] .back-to-top {
    background: #8b7cff;
    color: #ffffff;
}

@media (max-width: 1000px) {
    html[data-theme="dark"] .main-navigation {
        background: #17171f !important;
        box-shadow: -12px 0 32px rgba(0, 0, 0, 0.55);
    }

    html[data-theme="dark"] .mobile-nav-panel-header {
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    html[data-theme="dark"] .app-bottom-nav {
        background: rgba(22, 22, 32, 0.96) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

    html[data-theme="dark"] .app-nav-item {
        color: #b9b9c9;
    }

    html[data-theme="dark"] .app-nav-item.is-active,
    html[data-theme="dark"] .app-nav-item:hover {
        color: #cfc7ff;
        background: rgba(139, 124, 255, 0.18);
    }
}