/* =============================================================
   dark-impula.css — Karanlık Mod
   html.dark-mode class'ı JS tarafından yönetilir.
   OS tercihi fallback olarak JS'de de desteklenir.
   style.css veya custom.css'e dokunulmaz.
   ============================================================= */

html.dark-mode {

    /* ── 1. Body & Genel Arka Plan ──────────────────────────── */
    body {
        background-color: #0d0d18 !important;
        color: #c5c5d1 !important;
    }

    /* Header — mix-blend-mode:multiply için açık arka plan şart */
    header.style-4 {
        background-color: #0d0d18 !important;
    }

    /* Beyaz section arka planları */
    .bg-white {
        background-color: #1a1a25 !important;
    }

    /* Açık gri section arka planları */
    .bg-gray,
    .bg-gray2,
    .bg-gray5 {
        background-color: #1a1a26 !important;
    }

    /* Hizmetler section — hardcoded #f0eff5 */
    .features.style-4 {
        background-color: #1a1a25 !important;
    }

    /* Dönen animasyon (feat_circle.png) — beyaz PNG, dark modda gizle */
    .features.style-4 .img-circle {
        opacity: 0.04 !important;
    }

    /* Ortaklar (clients) section — hardcoded #f0eff5 */
    .clients.style-4 {
        background-color: #1a1a25 !important;
    }

    /* Portfolyo/Ekran görüntüleri section — hardcoded #f0eff5 */
    .screenshots.style-4 {
        background-color: #1a1a25 !important;
    }

    /* ::after border-radius geçiş efekti — hardcoded #fff */
    .screenshots.style-4::after {
        background-color: #1a1a25 !important;
    }

    /* Referans kartları — hardcoded #fff + border-radius */
    .testimonials.style-4 .content .testi-cards .client_card {
        background-color: #1c1c2a !important;
        box-shadow: -4px 11px 38px 0px rgba(0, 0, 0, 0.4) !important;
    }

    .testimonials.style-4 .content .testi-cards .client_card .inf_content p,
    .testimonials.style-4 .content .testi-cards .client_card .inf_content h6 {
        color: #b5b5c3 !important;
    }

    /* Wave geçiş görselleri — beyaz/açık PNG'ler dark modda çok belirginleşir */
    .features.style-4 .wave,
    .clients.style-4 .wave,
    footer.style-4 .wave,
    header.style-4 .wave {
        opacity: 0.06 !important;
    }

    /* Inline style ile doğrudan background verilmiş section'lar */
    section[style*="background"] {
        background: #1a1a25 !important;
        background-color: #1a1a25 !important;
    }

    /* Footer — hardcoded #f0eff5 */
    footer.style-4 {
        background-color: #0d0d18 !important;
    }

    /* ── 2. Metin Renkleri ──────────────────────────────────── */
    h1, h2, h3, h4, h5, h6 {
        color: #e5e5ef !important;
    }

    p, li, td, th, label, small {
        color: #b5b5c3 !important;
    }

    /* Template metin utility sınıfları */
    .color-000  { color: #e5e5ef !important; }
    .color-dark { color: #e5e5ef !important; }
    .color-666  { color: #9999aa !important; }
    .color-777  { color: #9999aa !important; }
    .color-999  { color: #888899 !important; }

    /* Kalın yazılar */
    strong, b { color: #dcdce8 !important; }

    /* title_small badge — #f7f4ff açık mor arka plan */
    .title_small {
        background-color: #1e1a3a !important;
        color: var(--color-blue4) !important;
    }

    /* ── 3. Navbar ──────────────────────────────────────────── */
    .navbar,
    .navbar.nav-scroll {
        background-color: #0d0d18 !important;
        border-bottom: 1px solid #1e1e2e !important;
    }

    .navbar .nav-link {
        color: #c5c5d1 !important;
    }

    .navbar .dropdown-menu {
        background-color: #16161f !important;
        border-color: #2a2a3a !important;
    }

    .navbar .dropdown-item {
        color: #c5c5d1 !important;
    }

    .navbar .dropdown-item:hover {
        background-color: #1e1e2e !important;
        color: #e5e5ef !important;
    }

    /* ── 4. Kartlar & Border'lı Öğeler ─────────────────────── */
    .bord {
        border-color: #2a2a3a !important;
        background-color: #16161f !important;
    }

    .card {
        background-color: #16161f !important;
        border-color: #2a2a3a !important;
        color: #c5c5d1 !important;
    }

    /* ── 5. Form Alanları ───────────────────────────────────── */
    .form-control,
    .form-select,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        background-color: #1a1a28 !important;
        color: #c5c5d1 !important;
        border-color: #2e2e40 !important;
    }

    .form-control::placeholder,
    textarea::placeholder {
        color: #55556a !important;
    }

    /* ── 6. Accordion / SSS ─────────────────────────────────── */
    .accordion-item {
        background-color: #16161f !important;
        border-color: #2a2a3a !important;
    }

    .accordion-button {
        background-color: #1c1c2a !important;
        color: #e5e5ef !important;
    }

    .accordion-button:not(.collapsed) {
        background-color: #1e1e30 !important;
        color: #e5e5ef !important;
        box-shadow: none !important;
    }

    .accordion-body {
        background-color: #16161f !important;
        color: #b5b5c3 !important;
    }

    /* Bootstrap accordion ok simgesi */
    .accordion-button::after {
        filter: invert(1) brightness(2);
    }

    /* ── 7. Blog İçeriği ────────────────────────────────────── */
    .blog-content-info,
    .blog-content-info p,
    .blog-content-info li {
        color: #b5b5c3 !important;
    }

    .blog-content-info h1,
    .blog-content-info h2,
    .blog-content-info h3,
    .blog-content-info h4,
    .blog-content-info h5,
    .blog-content-info h6,
    .blog-content-info strong,
    .blog-content-info b {
        color: #e5e5ef !important;
    }

    .blog-content-info blockquote {
        background: #1a1a28 !important;
        color: #b5b5c3 !important;
    }

    /* ── 8. Cookie Banner ───────────────────────────────────── */
    .cookie-consent-popup {
        background: #16161f !important;
        border-color: #2a2a3a !important;
    }

    .cookie-text { color: #b5b5c3 !important; }
    .cookie-link { color: #e5e5ef !important; }

    .cookie-close {
        background: #2a2a3a !important;
        color: #999 !important;
    }

    /* ── 9. WhatsApp Popup ──────────────────────────────────── */
    .whatsapp-popup,
    .whatsapp-agents,
    .widget-footer {
        background: #16161f !important;
    }

    .agent-item {
        background: #1c1c2a !important;
        border-color: #2a2a3a !important;
        color: #c5c5d1 !important;
    }

    .agent-item:hover {
        background: #1e1e30 !important;
    }

    .agent-info h6    { color: #e5e5ef !important; }
    .agent-info span  { color: #9999aa !important; }
    .agent-icon       { background: #2a2a3a !important; }

    .widget-footer span {
        background: #1c1c2a !important;
        color: #9999aa !important;
    }

}