/* Pazar yeri kart ödeme rayı — checkout sayfası ek stilleri (T-20260806, Epic #1479, Faz-2,
   Issue #1481). Checkout.cshtml zaten yalnız Checkout sayfasına özel --checkout-* değişkenlerini
   tanımlıyor (kart bloğu, sipariş özeti) — biz de bilerek AYNI değişkenleri kullanıyoruz; yeni
   sabit hex/rgba renk YAZILMAZ, sayfanın kendi token setiyle ve mevcut Bootstrap utility
   sınıflarıyla (.text-success/.text-danger-custom, sayfada zaten yaygın) tutarlı kalır. */

.mp-card-option {
    position: relative;
}

.mp-card-option--disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.mp-card-badge {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid var(--checkout-primary);
    color: var(--checkout-primary);
    vertical-align: middle;
}

.mp-card-fee-summary {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--checkout-border);
}

.mp-card-fee-line {
    font-size: 0.9rem;
}

.mp-card-gross-row {
    margin-top: 0.5rem;
}

/* T-20260904, Issue #1686 (AC1) — işlem ücreti açıklaması + "cüzdanda ücret yok" vurgusu.
   🔴 Reviewer Blocker B1 dersi (bkz. .mp-card-escrow-note yorumu): burada RENK YAZILMAZ —
   `--checkout-text` yalnız :root'ta tanımlı, dark temada metin arka planla aynı hex'e düşüyordu.
   Kutular ebeveynin metin rengini miras alır; ayrım yalnız kenarlık/opaklık ile yapılır. */
.mp-card-fee-note {
    padding: 0.5rem 0.7rem;
    border-radius: 8px;
    border: 1px dashed var(--checkout-border);
    font-size: 0.78rem;
    line-height: 1.5;
    opacity: 0.85;
}

.mp-card-fee-wallet-free {
    display: flex;
    align-items: flex-start;
    gap: 0.1rem;
    padding: 0.45rem 0.7rem;
    border-radius: 8px;
    border: 1px solid var(--checkout-border);
    font-size: 0.8rem;
    line-height: 1.45;
    font-weight: 600;
}

/* 🔴 #1686 review minor: iki blok da HTML'de `hidden` basliyor (flash yok) ve gorunurlugu
   checkout-card.js belirliyor. UA'nin `[hidden] { display: none }` kurali YAZAR stil sayfasindaki
   `display: flex` / `display: block` kurallarini EZEMEZ -- bu yuzden acikca yaziliyor. */
.mp-card-fee-note[hidden],
.mp-card-fee-wallet-free[hidden] {
    display: none !important;
}

/* Renk (.text-success) markup'ta uygulanır — kutu yalnız yerleşim/kenarlık tanımlar. */
.mp-card-wallet-line {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--checkout-border);
}

/* T-20260819, Issue #1684 (Kısmi cüzdan ödemesi) — kırpma notu, .mp-card-wallet-line ile AYNI
   desen: renk (.text-muted) markup'ta uygulanır, kutu yalnız kenarlık/yerleşim tanımlar. */
.mp-card-wallet-clamped-note {
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    border: 1px dashed var(--checkout-border);
}

.mp-card-wallet-optout {
    padding-top: 0.25rem;
}

/* Sepette satıcı bazlı "Param Güvende" rozeti (Basket.cshtml) — kart rayına açık satıcı grubu.
   Renk (.text-success) markup'ta uygulanır, kutu yalnız kenarlık/yerleşim tanımlar. */
.mp-basket-seller-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: 0.5rem;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid currentColor;
}

/* T-20260806, Epic #1479, Faz-7 (Issue #1486) — kart kutusu altı 3 satırlık emanet özeti.
   [hidden] native davranışı yeterli (display:none); burada yalnız görünürken yerleşim/tipografi.
   🔴 Reviewer Blocker B1: bu kural eskiden `color: var(--checkout-text)` YAZIYORDU —
   `--checkout-text` yalnız `:root`'ta tanımlı (`#1e293b`), sayfada `--checkout-*` için
   `.theme-dark` override'ı YOK; bu blok `.checkout-card`'ın çocuğu ve `.theme-dark .checkout-card`
   background'u da `#1e293b` — metin dark'ta görünmez oluyordu (aynı hex, arka planla üst üste).
   Faz-2'nin AYNI dosyadaki kendi kuralı (.mp-card-wallet-line, satır 43) zaten "renk markup'ta
   uygulanır — kutu yalnız yerleşim/KENARLIK tanımlar" diyor; bu kural da o desene uydurulur —
   yalnız RENK YAZILMAZ (ebeveynin metin rengini miras alır), kenarlık .mp-card-wallet-line ile
   AYNI token'la yazılır. 🔴 Merge öncesi temizlik (minor) — önceki sürümde kenarlık da
   SESSİZCE atlanmıştı (yorum "kenarlık tanımlar" dese de kural hiç border yazmıyordu), kutu
   görsel olarak kenarlıksız/stilsiz görünüyordu. */
.mp-card-escrow-note {
    margin-top: 0.6rem;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--checkout-border);
    font-size: 0.82rem;
}

.mp-card-escrow-note p {
    margin: 0 0 0.35rem;
}

.mp-card-escrow-note p:last-child {
    margin-bottom: 0;
}

/* Sözleşme/fatura notu koşullu blokları (Views/Shared/Agreements/_DistanceSalesAgreement.cshtml) —
   [hidden] native davranışı YETERLİ; burada AYRICA "display: block" yazmak native [hidden]'ı
   (author stylesheet UA stylesheet'ini ezer) iptal ederdi — toggle yalnız Bootstrap reboot'un
   `[hidden]{display:none!important}` kuralı SAYESİNDE çalışırdı (kırılgan, minor). Kural
   tamamen SİLİNDİ; hiçbir ek CSS gerekmiyor (memory: reference_overflow_hidden_clips_hittest'in
   aynı sınıf tuzağı — burada da "yardımcı" kural asıl mekanizmayı bozuyordu). */

/* Touch target >= 44px — mobil (project-rules §2.3). */
@media (max-width: 576px) {
    .payment-option input[type="radio"] {
        width: 1.4rem;
        height: 1.4rem;
    }

    .mp-card-wallet-optout .form-check-input {
        width: 1.4rem;
        height: 1.4rem;
    }

    .mp-card-wallet-optout .form-check-label {
        padding-top: 0.15rem;
    }
}

/* Issue #2029 — onaysız satıcı bandı (checkout). Basket.cshtml'deki
   .basket-seller-ineligible-band ile aynı görsel dil; checkout'ta satıcı kartının içinde
   değil sayfa başında, tatil bandının hemen üstünde durur. */
.checkout-seller-ineligible-band {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    min-height: 44px;
    margin-bottom: 1.25rem;
    border-radius: 0.5rem;
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger);
    font-size: 0.85rem;
    line-height: 1.35;
    color: var(--fg-1);
}

.checkout-seller-ineligible-band i {
    color: var(--color-danger);
    flex: 0 0 auto;
    margin-top: 0.1rem;
}

@media (max-width: 575.98px) {
    .checkout-seller-ineligible-band {
        padding: 0.7rem 0.75rem;
        font-size: 0.8rem;
    }
}