/* ══════════════════════════════════════════════════════════════════════════
   Mail Club — sayfa stilleri
   ══════════════════════════════════════════════════════════════════════════
   Kapsam: .mailclub-page sınıfı taşıyan ön yüz sayfaları
           (/mail-club, /mail-club/katil, /mail-club/odeme, /hesabim/mail-club…)

   Bu dosya YALNIZCA Mail Club sayfalarını etkiler. Global yardımcı sınıfların
   (.text-primary, .text-muted …) site genelindeki davranışı değiştirilmedi;
   aynı sorun diğer sayfalarda da var ama düzeltilmesi ayrı bir karardır
   (bkz. /root/mailclub-arayuz-denetim.md).
   ══════════════════════════════════════════════════════════════════════════ */

/* Uzun bölünmez diziler (SHA-256 özeti, merchant_oid) 380px'de taşmasın */
.mailclub-page code,
.mailclub-page .mailclub-break {
    word-break: break-all;
    overflow-wrap: anywhere;
}

/* Tutar ve tarih hücreleri satır ortasından bölünmesin */
.mailclub-page .mailclub-nowrap {
    white-space: nowrap;
}

/* ══════════════════ KOYU TEMA — KONTRAST DÜZELTMELERİ ══════════════════
   Ölçüm zemini: .theme-dark .card → rgba(255,255,255,0.06) gövde gradyanı
   üzerinde ≈ #22253f. WCAG AA eşiği 4.5:1.

   Bootstrap/tema varsayılanlarının ölçülen değerleri:
     .text-primary  #4f5ccc → 2.66:1   BAŞARISIZ
     .text-success  #198754 → 3.30:1   BAŞARISIZ
     .text-danger   #dc3545 → 3.30:1   BAŞARISIZ
     .text-muted    #7b7fa8 → 3.88:1   BAŞARISIZ

   Bunlar YÜZEY/vurgu tonlarıdır; koyu zeminde metin rengi olarak
   kullanıldıklarında okunmuyorlar. Açık varyantlarıyla değiştirildi.
   (Aynı sınıf hata daha önce pages/consultation.css'te --gray-400 için
   bulunmuştu; oradaki çözümün aynısı uygulandı.)
   ══════════════════════════════════════════════════════════════════════ */

/* ── KART İÇİ SINIFSIZ METİN — en kritik düzeltme ───────────────────────
   Bootstrap'in kendi kuralı kart metnine renk DAYATIYOR:

       .card { color: var(--bs-body-color); }        →  #212529

   Bu site koyu temayı kendi `.theme-dark` sınıfıyla kuruyor, Bootstrap'in
   `data-bs-theme="dark"` mekanizmasıyla DEĞİL. Bu yüzden `--bs-body-color`
   açık tema değerinde (#212529) kalıyor. dark-mode.css'teki
   `.theme-dark .card` kuralı ise yalnızca background ve border tanımlıyor,
   `color` tanımlamıyor.

   Sonuç: kart içindeki YARDIMCI SINIFI OLMAYAN her metin — <li>, <ol>,
   <span>, <strong>, <p> — koyu kart üzerinde #212529 kalıyordu: **1.05:1**,
   yani fiilen görünmez.

   Yardımcı sınıflı metinler (.text-muted, .text-primary …) kendi
   kurallarıyla zaten düzeltilmişti; bu yüzden sağ sütun okunurken sol
   sütun ve sipariş özetinin sınıfsız satırları kayboluyordu.

   Tek kural bütün sınıfsız torunları düzeltir: seçici (0,3,0) özgüllükte,
   Bootstrap'in (0,1,0) kuralını yener. Kendi rengi olan torunlar
   (yardımcı sınıflar, .card-header, .alert-*) etkilenmez.
   1.05:1 → 7.61:1 */
.theme-dark .mailclub-page .card {
    color: var(--text-color);
}

/* Marka rengi → açık varyant.
   primary-400 (#a7aee6) sayfa üstünde 7.56:1 veriyor ama gövde gradyanının
   en açık noktasında (#2c3472) tam 4.50:1'e düşüyor — eşiğin üstünde ama
   pay bırakmıyor. Bir ton açığı seçildi: 8.50:1 (üst) / 5.06:1 (alt). */
.theme-dark .mailclub-page .text-primary {
    color: #b3b9ec !important;
}

/* Onay tikleri → 10.22:1 */
.theme-dark .mailclub-page .text-success {
    color: #8ee8b4 !important;
}

/* Zorunlu alan yıldızı ve hata metni → 7.38:1 */
.theme-dark .mailclub-page .text-danger,
.theme-dark .mailclub-page .invalid-feedback {
    color: #f2a0a8 !important;
}

/* İkincil metin (yardım metinleri, açıklamalar).
   Önceki ton (#b0b3d6, temanın --text-color-secondary'si) gradyanın en açık
   noktasında 4.69:1'e düşüyordu — eşiği geçiyor ama form yardım metinleri
   soluk okunuyordu. Bir ton açıldı: 7.74:1 (orta) / 5.54:1 (en kötü).
   Ana metnin (#e4e4f0) %71 parlaklığında kaldığı için ikincil hiyerarşi
   korunuyor. */
.theme-dark .mailclub-page .text-muted,
.theme-dark .mailclub-page .form-text {
    color: #c0c3e0 !important;
}

/* ── Tema kapsamı dışında kalan uyarı kutuları ──────────────────────────
   dark-mode.css yalnızca alert-info / success / warning / danger'ı
   uyarlıyor. alert-light ve alert-secondary uyarlanmadığı için koyu
   sayfada beyaz/açık gri kutu olarak kalıyorlardı. */
.theme-dark .mailclub-page .alert-light {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e4e4f0 !important;
}

.theme-dark .mailclub-page .alert-secondary {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #d0d2e8 !important;
}

/* Tablo başlıkları — .table-light koyu temada açık kalıyordu */
.theme-dark .mailclub-page .table > thead.table-light th,
.theme-dark .mailclub-page .table-light > tr > th {
    background-color: rgba(255, 255, 255, 0.07) !important;
    color: #e4e4f0 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Kart başlıklarındaki bg-white — dark-mode.css global olarak çeviriyor,
   burada yalnızca kenarlık uyumu tamamlanıyor */
.theme-dark .mailclub-page .card-header.bg-white {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ══════════════════ MOBİL (≤380px) ══════════════════════════════════════ */
@media (max-width: 380px) {
    /* Fiyat başlığı taşmasın */
    .mailclub-page .display-6 {
        font-size: 1.75rem;
    }

    /* Yan yana duran etiket/değer çiftleri dar ekranda sıkışmasın */
    .mailclub-page .d-flex.justify-content-between {
        gap: 0.5rem;
    }

    /* Uzun e-posta ve adres satırları kutudan taşmasın */
    .mailclub-page .card-body {
        overflow-wrap: anywhere;
    }
}