/* 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;
}

/* 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);
}

/* 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;
    }
}