/* ============================================================================
   fp_ux_pdp_options_r1.css  -  29.10.2026
   Platform / hesap secenek kartlari - kucuk rotuslar.

   NELER DEGISTI (ve nicin SADECE bunlar):
   - Secili kart: mevcut tema secili karta renk + arka plan + onay isareti
     (SVG tik) veriyor (product_revamp.css ~13111 / ~14335). Eksik olan tek
     sinyal KALINLIK farkiydi; kenarlik 2px'e cikarilarak secim renk korligu
     olan kullanicilar icin de ayirt edilir hale geldi. Renk paleti
     DEGISTIRILMEDI (marka tablosu disina cikilmadi).
   - Ek ucret notu: kartlardaki "+X TL" degerlerinin ek ucret oldugunu, guncel
     toplamin satin alma alaninda oldugunu soyleyen tek satir.
   - Tukenen kart: ZATEN `disabled` + "Tukendi" rozeti + "Stok gelince haber
     ver" seridi var; burada yalniz tiklanamazligin gorsel karsiligi
     netlestirildi.

   Kapsam: `.gs-product-page` altinda ve yalniz secenek kartlari.
   ========================================================================== */

/* --- Secili kart: kalinlik farki (renk DISI sinyal) --------------------- */
@supports selector(:has(*)) {
    html body .gs-product-page .gs-pd-option-choice.gs-product-option-row--card:has(.form-check-input:checked) {
        border-width: 2px !important;
    }
}
/* :has() desteklenmeyen tarayicida en azindan kutucuk daha belirgin olsun. */
html body .gs-product-page .gs-pd-option-choice.gs-product-option-row--card .form-check-input:checked {
    border-width: 2px !important;
}

/* --- Ek ucret / toplam ayrimi notu -------------------------------------- */
html body .gs-product-page .fp-ux-optsec-feenote {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 4px 0 0;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.45;
    color: rgba(148, 163, 184, 0.92);
}
html body .gs-product-page .fp-ux-optsec-feenote i {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 1.3;
    opacity: 0.9;
}

/* --- Tukenen secenek: tiklanamazligin gorsel karsiligi ------------------ */
html body .gs-product-page .gs-product-option-row--out-of-stock .gs-product-option-row-text,
html body .gs-product-page .gs-product-option-row--out-of-stock .gs-product-option-row-price {
    opacity: 0.62;
}
html body .gs-product-page .gs-product-option-row--out-of-stock .gs-product-option-row-label {
    cursor: not-allowed;
}