/* ============================================================
   yereldenAL — Ödeme (checkout) ve Kupon arayüzü
   ============================================================ */

/* Kupon alanı: yan yana düzgün hizalansın */
#yalKuponGirdi {
    min-width: 220px;
    text-transform: uppercase;
}
#yalKuponGirdi::placeholder { text-transform: none; }

/* Aktif kupon etiketi */
#yalKuponAktif,
#yalCouponActive {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
    padding: 8px 14px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
#yalKuponAktif.d-none,
#yalCouponActive.d-none { display: none !important; }

#yalKuponSil,
#yalCouponClear {
    cursor: pointer;
    font-size: 13px;
}
#yalKuponSil:hover,
#yalCouponClear:hover { text-decoration: underline; }

/* Kupon ipucu satırı */
#yalKuponIpucu {
    line-height: 1.7;
}
#yalKuponIpucu strong {
    color: #1f2937;
    letter-spacing: 0.4px;
}

/* Ödeme yöntemi içerik kutuları */
.payment-item__content[hidden] { display: none !important; }
.payment-item__content .common-input {
    background: #fff;
}

/* Sipariş özeti: ürün adı iki satırda kesilsin */
#yalOzetUrunler .w-144 {
    width: 150px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sipariş tamam bilgilendirmesi */
#yalSiparisOk { border-width: 1px; }
#yalSiparisOk h6 { font-size: 1.05rem; }
#yalSiparisOk p { line-height: 1.7; }

/* Kupon indirim satırı (sepet + ödeme) */
#yalIndirimSatir[hidden],
#yalSumIndirimKutu[hidden] { display: none !important; }

/* Mobilde kupon alanı tam genişlik */
@media (max-width: 575.98px) {
    #yalKuponGirdi { min-width: 0; width: 100%; }
    #yalKuponForm { width: 100%; }
    #yalKuponForm .btn { width: 100%; }
    #yalOzetUrunler .w-144 { width: 110px; }
}