/* ═══════════════════════════════════════════════════════════════
   Gece modu (02.11.2026) — mobil uygulamanın gece modu paritesi
   Renkler: izmirim-app-mobil lib/core/theme/app_colors.dart (AppColors.koyu) ile birebir.
   Yalnız html[data-theme="dark"] iken geçerlidir; gündüz görünümü bu dosyadan etkilenmez
   (stil dosyalarının en sonunda yüklenir). Açılış: Views/Shared/_temaBaslangic.cshtml,
   düğme: _temaDugmesi.cshtml + assets/js/tema.js.
   Bölüm 1: renk değişkenleri · Bölüm 2: temel · Bölüm 3: başlık, logo ve düğme ·
   Bölüm 4: sabit renk yazılmış bileşenlerin gece karşılıkları.
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Renk değişkenleri ──────────────────────────────────── */
html[data-theme="dark"] {
    color-scheme: dark;

    /* style.css :root (mobil AppColors ile aynı adlar) */
    --color-primary: #3B82D6;
    --color-primary-hover: #2F6FBF;
    --color-primary-light: #64B5F6;
    --color-primary-surface: #1C2E4A;
    --color-cta: #D06A10;
    --color-cta-hover: #A85207;
    --color-cta-light: #3A2A17;
    --color-text: #E6EBF2;
    --color-text-secondary: #B4BECC;
    --color-text-muted: #98A2B3;
    --color-bg-page: #0F1521;
    --color-bg-card: #19212F;
    --color-bg-section-alt: #1F2938;
    --color-bg-hover-card: #232E3F;
    --color-border: #344155;
    --color-border-active: #3B82D6;
    --color-border-subtle: #283345;
    --color-popular: #D06A10;
    --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.5);
    --gradient-header: linear-gradient(135deg, #1C2E4A, #22406A);
    --gradient-footer: linear-gradient(135deg, #111A2A, #1C2E4A);

    /* odeme.css :root */
    --odeme-primary: #3B82D6;
    --odeme-primary-koyu: #2F6FBF;
    --odeme-primary-yuzey: #1C2E4A;
    --odeme-metin: #E6EBF2;
    --odeme-soluk: #B4BECC;
    --odeme-cizgi: #344155;
    --odeme-zemin: #19212F;
    --odeme-hata: #F87171;
    --odeme-gecikme: #F59E0B;
    --odeme-turuncu: #F97316;
    --odeme-turuncu-koyu: #EA580C;
    --odeme-basari: #22C55E;

    /* ic-sayfa.css :root (Limitless tabanlı değişkenler) */
    --gray-200: #232E3F;
    --gray-300: #283345;
    --gray-400: #344155;
    --gray-500: #98A2B3;
    --gray-600: #B4BECC;
    --body-color: #E6EBF2;
    --border-color: #344155;
    --border-color-translucent: rgba(255, 255, 255, 0.12);
    --link-color: #64B5F6;
    --link-hover-color: #90CAF9;
    --component-active-bg: #3B82D6;
}

/* ── 2. Temel ──────────────────────────────────────────────── */
html[data-theme="dark"] body {
    background-color: var(--color-bg-page);
    color: var(--color-text);
}

/* ── 3. Başlık, logo ve düğme ──────────────────────────────── */
/* Gece modunda logonun beyaz sürümü (bizizmir-logo-beyaz.svg, aynı animasyon; docs/assets/bizizmir-logo/logo_uret.py). */
html:not([data-theme="dark"]) .bizizmir-logo-koyu,
html[data-theme="dark"] .bizizmir-logo-acik {
    display: none !important;
}

.bizizmir-tema-dugmesi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    color: var(--color-primary);
    background: transparent;
    border: 0;
}

    .bizizmir-tema-dugmesi:hover {
        background: var(--color-primary-surface);
        color: var(--color-primary);
    }

    .bizizmir-tema-dugmesi:focus-visible {
        outline: 3px solid rgba(21, 101, 192, 0.35);
        outline-offset: 2px;
    }

    .bizizmir-tema-dugmesi .tema-ikon-gunes,
    html[data-theme="dark"] .bizizmir-tema-dugmesi .tema-ikon-ay {
        display: none;
    }

    html[data-theme="dark"] .bizizmir-tema-dugmesi .tema-ikon-gunes {
        display: block;
    }

/* Dar ekran: düğme başlık satırına (.navbar-profilim-alani, row-reverse, gap 10px) eklenince 390/360 px'te giriş ve dil
   düğmeleri daralıp iki satıra iniyordu (gündüzde de; 02.11.2026 TEST bulgusu). Düğme kompaktlaşır, giriş ve dil
   daralmaz (canlıdaki boyutlarında kalır); yer yetmezse logo küçülür. */
@media (max-width: 576px) {
    .navbar-profilim-alani > .bizizmir-tema-dugmesi {
        width: 30px;
        height: 36px;
        flex-shrink: 0;
        margin-right: -6px; /* row-reverse: dil seçimiyle arası 4 px */
    }

    .navbar-profilim-alani > .giris-yap-btn,
    .navbar-profilim-alani > .bizizmir-header-dildegisim {
        flex-shrink: 0;
        white-space: nowrap;
    }

        .navbar-profilim-alani > .bizizmir-header-dildegisim * {
            white-space: nowrap;
        }
}

@media (max-width: 374px) {
    .navbar-profilim-alani > .giris-yap-btn {
        padding-left: 7px;
        padding-right: 7px;
    }

    .navbar-profilim-alani > .bizizmir-header-dildegisim .dropdown-toggle,
    .navbar-profilim-alani > .bizizmir-header-dildegisim button {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* ── 4. Bileşenler (sabit renk yazılmış kuralların gece karşılıkları) ── */
/* Boş favori yıldızı görsel dosyası (star_bizizmir.svg, stroke="black"): CSS rengi görsele işlemez, gece modunda açık
   griye çevrilir. Dolu yıldız (Star_Bizizmir-checked.svg) sarıdır, değişmez. Kartlar, Favorilerim ve hizmet detayı. */
html[data-theme="dark"] .favorite-star .default-star {
    filter: invert(0.72);
}

/* Tarih seçici (ic-sayfa.css .datepicker, Etkinlikler ve başvuru formları) ve onay kutusu: zemin Limitless
   değişkeninden (var(--white)) geldiği için üretici yakalamaz. --gray-300/500/600 ve --body-color Bölüm 1'de. */
html[data-theme="dark"] .datepicker {
    --dp-bg: var(--color-bg-card);
    --dp-border-color: var(--color-border);
    --dp-box-shadow: var(--shadow-card);
    --dp-item-active-bg: var(--color-primary);
}

html[data-theme="dark"] .form-check-input {
    --form-check-input-bg: var(--color-bg-card);
}

/* Tanıtım turunun açık zeminli iki sahnesi (ana-sayfa.css: #E8F1FC → #F5F7FB gradyanı; üretici gradyana dokunmaz) gece
   modunda beyaz kalıyordu (BIZYEN-753). Diğer sahneler gibi koyu mavi; içlerindeki mini kartlar (kart rengi) ayrışır. */
html[data-theme="dark"] .ob-sahne--favori,
html[data-theme="dark"] .ob-sahne--asistan {
    background: var(--gradient-header);
}

/* Bilgi rozeti değişkenle yazılmış (primary / primary-surface); gece modunda --color-primary koyu mavi zeminde
   3.4:1 kalır, diğer durum rozetleri gibi açık tonla yazılır. */
html[data-theme="dark"] .ic-durum-badge--info {
    color: var(--color-primary-light);
}