/**
 * Kurumsal aydınlık tema — body.light-mode
 * Koyu temanın aynı yapısı; ferah yüzeyler, marka turkuazı, belirsiz altıgenler
 */

body.light-mode {
    --lt-bg: #eef2f7;
    --lt-bg-elevated: #ffffff;
    --lt-surface: rgba(255, 255, 255, 0.88);
    --lt-border: #e2e8f0;
    --lt-border-strong: #cbd5e1;
    --lt-text: #0f172a;
    --lt-text-secondary: #334155;
    --lt-muted: #64748b;
    --lt-accent: #018a88;
    --lt-accent-bright: #01b1af;
    --lt-accent-soft: rgba(1, 177, 175, 0.1);
    --lt-shadow: 0 4px 24px rgba(15, 23, 42, 0.07);
    --lt-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.1);
    color: var(--lt-text);
    background-color: var(--lt-bg);
}

html[data-theme="light"] {
    background-color: #eef2f7;
    color-scheme: light;
}

/* ---- Zemin & altıgenler (hex-grid.css ile birlikte) ---- */
body.light-mode .containers {
    background: transparent;
    color: var(--lt-text);
}

body.light-mode .page-content {
    color: var(--lt-text);
}

/* ---- Üst navigasyon — masaüstü (şeffaf, siyah öğeler — nav-controls.css ile) ---- */
@media (min-width: 992px) {
    body.light-mode .top-nav,
    body.light-mode .containers .top-nav,
    body.light-mode .top-nav.scrolled,
    body.light-mode .top-nav.is-scrolled {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--lt-text);
    }

    body.light-mode .top-nav a,
    body.light-mode .top-nav .nav-link {
        color: #0f172a !important;
        text-shadow: none !important;
        font-weight: 500;
    }

    body.light-mode .top-nav a:hover,
    body.light-mode .top-nav .nav-link:hover {
        color: var(--lt-accent-bright) !important;
    }
}

body.light-mode #languageSelect {
    color: var(--lt-text);
    border: 1px solid var(--lt-border-strong);
    background: var(--lt-surface);
    font-weight: 600;
}

/* Arama / dil / tema kutusu: nav-controls.css */

body.light-mode .menu-button,
body.light-mode .menu-button::before,
body.light-mode .menu-button::after {
    background-color: var(--lt-text) !important;
}

/* ---- Mobil navbar ---- */
@media (max-width: 991px) {
    body.light-mode .top-nav {
        background: transparent !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    body.light-mode .top-nav::before,
    body.light-mode .top-nav::after {
        background: linear-gradient(
            90deg,
            transparent,
            rgba(1, 177, 175, 0.2) 50%,
            transparent
        );
        box-shadow: none;
    }

    body.light-mode.nav-menu-open #topNavMenu,
    body.light-mode:has(#menu-toggle:checked) #topNavMenu {
        background:
            radial-gradient(ellipse 100% 60% at 50% -20%, rgba(1, 177, 175, 0.06), transparent 55%),
            #f8fafc !important;
    }

    body.light-mode .nav-menu-section {
        color: var(--lt-accent);
    }

    body.light-mode .nav-menu-details__summary,
    body.light-mode .nav-link {
        color: var(--lt-text) !important;
    }

    body.light-mode .nav-menu-details__summary::after {
        border-color: var(--lt-muted);
    }
}

/* ---- Sol kategori çekmecesi ---- */
body.light-mode .side-nav {
    color: var(--lt-text);
}

body.light-mode .side-nav a,
body.light-mode .side-nav .sidebar-dropdown__trigger {
    color: var(--lt-text-secondary);
}

body.light-mode .side-nav a:hover,
body.light-mode .side-nav .sidebar-dropdown__trigger:hover {
    color: var(--lt-accent-bright);
    background: var(--lt-accent-soft);
}

/* ---- Sayfa başlıkları ---- */
body.light-mode .page-content > h1,
body.light-mode .page-content > h2,
body.light-mode .page-content-wrapper > h1 {
    color: var(--lt-text) !important;
}

body.light-mode .page-content > h2 {
    color: var(--lt-muted) !important;
}

body.light-mode .containers p:not(.solutions-section p):not(.solutions-lead):not(.solutions-eyebrow):not(.solution-card__text):not(.solution-feature__lead):not(.solution-app__desc):not(.porteda-subtitle):not(.porteda-overlay p):not(.porteda-feature-card p):not(.porteda-page-wrapper p):not(.inveda-subtitle):not(.inveda-overlay p):not(.inveda-feature-card p):not(.hero-section .subtitle):not(.section-title p) {
    color: var(--lt-text-secondary);
}

/* Koyu hero / slayt üzerinde açık metin kalsın */
body.light-mode .hero-slider .text-box,
body.light-mode .hero-slider .text-box p,
body.light-mode .containers .hero-slider .text-box p {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
}

/* ---- Mobil ana sayfa (.mh) ---- */
@media (max-width: 991px) {
    body.light-mode .mh {
        --mh-bg: var(--lt-bg);
        --mh-glass: rgba(255, 255, 255, 0.92);
        --mh-glass-border: var(--lt-border);
        --mh-text: var(--lt-text);
        --mh-muted: var(--lt-muted);
        --mh-accent: var(--lt-accent-bright);
        --mh-accent-2: var(--lt-accent);
        background:
            radial-gradient(ellipse 90% 50% at 50% -10%, rgba(1, 177, 175, 0.08), transparent 60%),
            var(--lt-bg);
        color: var(--lt-text);
    }

    body.light-mode .page-content:has(.mh) {
        background: var(--lt-bg);
    }

    body.light-mode .mh-hero {
        background: var(--lt-surface);
        border-color: var(--lt-border);
        box-shadow: var(--lt-shadow-lg);
    }

    body.light-mode .mh-hero__banner {
        background: #e8f0f4;
    }

    body.light-mode .mh-hero__banner-img {
        opacity: 1;
    }

    body.light-mode .mh-hero__banner-mesh {
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.2) 55%,
            rgba(255, 255, 255, 0.45) 100%
        );
    }

    body.light-mode .mh-hero__banner-grid {
        background-image:
            linear-gradient(rgba(1, 177, 175, 0.06) 1px, transparent 1px),
            linear-gradient(90deg, rgba(1, 177, 175, 0.06) 1px, transparent 1px);
    }

    body.light-mode .mh-hero__panel {
        background: #ffffff;
        border-top-color: var(--lt-border);
    }

    body.light-mode .mh-hero__aurora--1 {
        background: radial-gradient(circle, rgba(1, 177, 175, 0.2), transparent 65%);
    }

    body.light-mode .mh-hero__aurora--2 {
        background: radial-gradient(circle, rgba(1, 138, 136, 0.1), transparent 70%);
    }

    body.light-mode .mh-hero__title {
        color: var(--lt-text);
    }

    body.light-mode .mh-hero__title em {
        color: var(--lt-accent-bright);
        -webkit-text-fill-color: currentColor;
    }

    body.light-mode .mh-hero__lead {
        color: var(--lt-muted);
    }

    body.light-mode .mh-stat-card {
        border-color: var(--lt-border);
        box-shadow: var(--lt-shadow-lg);
    }

    body.light-mode .mh-stat-card__shade {
        background: linear-gradient(
            180deg,
            rgba(15, 23, 42, 0.32) 0%,
            rgba(15, 23, 42, 0.52) 50%,
            rgba(15, 23, 42, 0.72) 100%
        );
    }

    body.light-mode .mh-stat-card__value,
    body.light-mode .mh-stat-card__label {
        color: #fff;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    }

    body.light-mode .mh-trust li {
        background: var(--lt-surface);
        border-color: var(--lt-border);
        color: var(--lt-text-secondary);
    }

    body.light-mode .mh-bento-card__link {
        background: var(--lt-surface);
        border-color: var(--lt-border);
        box-shadow: var(--lt-shadow);
    }

    body.light-mode .mh-bento-card__body h3 {
        color: var(--lt-text);
    }

    body.light-mode .mh-bento-card__body p {
        color: var(--lt-muted);
    }

    body.light-mode .mh-bento-card__icon {
        color: var(--lt-accent-bright);
        background: rgba(255, 255, 255, 0.88);
        border-color: rgba(1, 177, 175, 0.35);
        text-shadow: none;
    }

    body.light-mode .mh-app-card {
        background: var(--lt-surface);
        border-color: rgba(1, 177, 175, 0.25);
    }

    body.light-mode .mh-app-card__name {
        color: var(--lt-text);
    }

    body.light-mode .mh .mh-process.mobile-tech-spotlight {
        background: var(--lt-surface);
        border-color: var(--lt-border);
        box-shadow: var(--lt-shadow);
    }

    body.light-mode .mh-process__title,
    body.light-mode .mh-process__step h3 {
        color: var(--lt-text);
    }

    body.light-mode .mh-process__step p {
        color: var(--lt-muted);
    }

    body.light-mode .mh-section-head__title {
        color: var(--lt-text);
    }

    body.light-mode .mh-bento-section .mh-section-head:not(.mh-section-head--compact) {
        background: rgba(240, 244, 248, 0.98);
        border-bottom-color: var(--lt-border);
    }

    body.light-mode .page-content:has(.mh) .mh-after .partner-marquee__glass {
        background: var(--lt-surface) !important;
        border-color: var(--lt-border) !important;
    }

    body.light-mode .page-content:has(.mh) .mh-dock {
        background: rgba(255, 255, 255, 0.98);
        border-top-color: var(--lt-border);
        box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.08);
    }

    body.light-mode .page-content:has(.mh) .mh-dock__item {
        color: var(--lt-muted);
    }

    body.light-mode .page-content:has(.mh) .mh-dock__item i {
        color: var(--lt-accent-bright);
        filter: none;
    }

    body.light-mode .middle8 h2 {
        color: var(--lt-text) !important;
        -webkit-text-fill-color: var(--lt-text) !important;
    }
}

/* ---- Ürün listesi ---- */
body.light-mode .products-page .service-wrapper3.products-grid .card {
    background: var(--lt-surface) !important;
    border-color: var(--lt-border) !important;
    box-shadow: var(--lt-shadow) !important;
}

body.light-mode .products-page .service-wrapper3.products-grid .card-body h2 {
    color: var(--lt-text) !important;
}

body.light-mode .products-page .service-wrapper3.products-grid .card-product-media {
    background: #f1f5f9 !important;
}

/* ---- Footer ---- */
body.light-mode .site-footer.footer {
    background: linear-gradient(
        180deg,
        #f8fafc 0%,
        #f1f5f9 40%,
        #e8edf2 100%
    );
}

body.light-mode .site-footer::before {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(1, 177, 175, 0.35) 50%,
        transparent
    );
}

body.light-mode .site-footer .footer-col h4 {
    color: var(--lt-text) !important;
}

body.light-mode .site-footer .footer-col ul li a,
body.light-mode .site-footer .footer-address a {
    color: var(--lt-muted) !important;
}

body.light-mode .site-footer .footer-col ul li a:hover,
body.light-mode .site-footer .footer-address a:hover {
    color: var(--lt-accent-bright) !important;
}

body.light-mode .site-footer .footers p {
    color: var(--lt-muted) !important;
}

body.light-mode .site-footer__divider {
    background: var(--lt-border);
}

body.light-mode .partner-marquee__glass {
    background: var(--lt-surface) !important;
    border-color: var(--lt-border) !important;
}

/* ---- Sepet ikonu ---- */
body.light-mode .basket-icon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(12%) saturate(800%) hue-rotate(169deg);
}

/* ---- Çerez ---- */
body.light-mode .cookie-consent__glass {
    background: rgba(255, 255, 255, 0.96);
    border-color: var(--lt-border);
}

body.light-mode .cookie-title {
    color: var(--lt-text, #0f172a) !important;
}

body.light-mode #cookie-popup .cookie-message {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}

/* ---- İstatistik kartları (legacy) ---- */
body.light-mode .mobile-stat-card__value {
    color: var(--lt-text);
}

body.light-mode .mobile-stat-card__label {
    color: var(--lt-muted);
}

body.light-mode .mobile-stats__grid {
    background: var(--lt-surface);
    border-color: var(--lt-border);
}

/* ---- Sayaç kartları (masaüstü) ---- */
body.light-mode .middle3,
body.light-mode .middle4,
body.light-mode .middle5 {
    color: var(--lt-text);
}

body.light-mode .middle3 .counter h3,
body.light-mode .middle4 .counter h3,
body.light-mode .middle5 .counter h3,
body.light-mode .middle3 .counter h6,
body.light-mode .middle4 .counter h6,
body.light-mode .middle5 .counter h6,
body.light-mode .counter h3,
body.light-mode .counter h6 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow:
        0 2px 14px rgba(0, 0, 0, 0.8),
        0 1px 4px rgba(0, 0, 0, 0.9);
}

/* ---- Ortak mobil menü ---- */
body.light-mode .nav-menu-close {
    color: var(--lt-text);
    border-color: var(--lt-border);
    background: var(--lt-surface);
}