/* ============================================================================
   e-IBAN Tema Sistemi — Gündüz/Gece Anahtarı
   ----------------------------------------------------------------------------
   Varsayılan: Gece (karanlık) tema — sayfaların kendi :root değişkenleri.
   Gündüz:    html[data-theme="light"] — aşağıdaki açık palet aynı değişken
              adlarını ezdiği için tüm sayfalar tek bloktan aydınlanır.
   Saklama:   localStorage 'eiban_tema' = 'light' (yoksa gece).
   Not: Az sayıda sabit-koyu öğe (ör. giriş sayfası gradyanı) phase-2'de
        ayrıca ele alınacaktır.
   ========================================================================== */

html[data-theme="light"] {
    color-scheme: light;

    --bg-primary: #f4f5f8;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eceef3;
    --bg-card: #ffffff;
    --bg-hover: #e9ebf1;
    --border-color: #d8dbe3;
    --border-subtle: #e5e8ee;
    --text-primary: #17181c;
    --text-secondary: #33353d;
    --text-muted: #6f727d;
    --accent-primary: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-purple: #7c3aed;
    --accent-success: #16a34a;
    --accent-warning: #d97706;
    --accent-error: #dc2626;
    --success-color: #16a34a;
    --warning-color: #d97706;
    --error-color: #dc2626;
    --shadow-sm: 0 1px 2px rgba(23, 24, 28, 0.07);
    --shadow-md: 0 4px 12px rgba(23, 24, 28, 0.09);
    --shadow-lg: 0 8px 24px rgba(23, 24, 28, 0.12);
}

/* Gündüz modunda genel düzeltmeler */
html[data-theme="light"] body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* Karanlık temaya göre tasarlanmış dekoratif desen/parlama katmanlarını yumuşat */
html[data-theme="light"] .bg-pattern {
    opacity: 0.35;
}

/* ===== Tema anahtarı butonu (menü + paylaşım sayfası) ===== */
.theme-toggle {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    width: 34px;
    height: 34px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    transition: color 0.2s ease, border-color 0.2s ease;
    vertical-align: middle;
    flex-shrink: 0;
}
.theme-toggle:hover {
    color: var(--accent-primary);
    border-color: var(--accent-primary);
}

/* ============================================================================
   MENÜ / HEADER — açık tema düzeltmeleri
   menu.php stilleri sabit koyu yüzeyler kullanır (glassmorphism rgba(10,10,11,…));
   aşağıdaki kurallar html[data-theme="light"] ile yüksek özgünlükte ezilir.
   ========================================================================== */

/* İç bar: koyu cam → beyaz cam */
html[data-theme="light"] .header-inner {
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
html[data-theme="light"] .header.scrolled .header-inner {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
}

/* Koyu cam üst başlık çubukları (satin_al.php .header; menu.php'deki .header
   zaten !important transparent'tir, bu kural onu etkilemez) */
html[data-theme="light"] .header {
    background: rgba(255, 255, 255, 0.95);
}

/* Menü ayraç çizgisi */
html[data-theme="light"] .header .nav-divider {
    background: rgba(15, 23, 42, 0.15);
}

/* Bağlantı hover/aktif zeminleri: beyaz-şeffaf → gri-şeffaf (görünür olsun) */
html[data-theme="light"] .header .nav-links a:not(.btn-login):not(.user-account-link):hover,
html[data-theme="light"] .header .user-account-link:hover {
    background: rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .header .nav-links a:not(.btn-login):not(.user-account-link).nav-active,
html[data-theme="light"] .header .user-account-link.nav-active {
    background: rgba(37, 99, 235, 0.10);
}

/* Mobil açılır menü paneli (menu.php @media max-width:768px blokları) */
@media (max-width: 768px) {
    html[data-theme="light"] .nav-links {
        background: rgba(255, 255, 255, 0.98);
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }
}

/* ============================================================================
   KİLİTLİ (PRO) KARTLAR — koda gömülü koyu zeminlerin açık karşılıkları.
   web-sorgula.css'te .locked varyantları #141416/#111113 sabitleriyle yazılmıştır;
   açık temada "gece temasından kalmış" görünmemeleri için here ezilir.
   (feature-card, feature-card-enhanced, feature-card-mini)
   ========================================================================== */
html[data-theme="light"] .feature-card.locked,
html[data-theme="light"] .feature-card-enhanced.locked,
html[data-theme="light"] .feature-card-mini.locked {
    background: #edeff4;
    border-color: #d8dbe3;
}

/* Kilitli kart başlıkları aktif kartlarla AYNI koyulukta (text-primary);
   kilitli görüntüsü gri zemin + PRO rozetinden gelir. İçerik metinleri de
   aktif kartlarla aynı tondadır (koyulaştırılmış text-secondary). */
html[data-theme="light"] .feature-card-enhanced.locked h3,
html[data-theme="light"] .feature-card-mini.locked h3 {
    color: var(--text-primary);
}

html[data-theme="light"] .feature-card-enhanced.locked .feature-desc-main,
html[data-theme="light"] .feature-card-enhanced.locked .feature-list li,
html[data-theme="light"] .feature-card-mini.locked p {
    color: var(--text-secondary);
}

html[data-theme="light"] .feature-card-enhanced.locked .feature-list li {
    background: #e2e5eb;
}

/* NOT: .api-code-block (kod örneği pencereleri) bilerek koyu kalır —
   terminal estetiği; açık temalarda koyu kod penceresi standart görünümdür
   ve içindeki açık renkli kod metni ancak koyu zeminde okunur. */

/* Paylaşım kartı: "Doğrulanmış IBAN" rozeti — açık zeminde koyu yeşile alınır
   (satır içi stil ezildiği için !important gerekir) */
html[data-theme="light"] .verified-badge {
    background: rgba(21, 128, 61, 0.10) !important;
    color: #15803d !important;
    border-color: rgba(21, 128, 61, 0.35) !important;
}