/* ========================================
   SİPARİŞ ADIMLARI
   ======================================== */
.siparis-adim {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: var(--gray-color);
    font-size: 0.9rem;
}

.siparis-adim .adim-no {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e9ecef;
    color: var(--gray-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
}

.siparis-adim.aktif {
    color: var(--main-color);
    font-weight: 600;
}

.siparis-adim.aktif .adim-no {
    background: var(--main-color);
    color: #fff;
}

.siparis-adim.tamamlandi .adim-no {
    background: var(--main-color);
    color: #fff;
}

.siparis-adim.tamamlandi {
    color: var(--main-color);
}

.siparis-adim-cizgi {
    width: 60px;
    height: 2px;
    background: #e9ecef;
    align-self: center;
}

.siparis-adim-cizgi.tamamlandi {
    background: var(--main-color);
}

/* Kayıtlı Adres Kartı */
.kayitli-adres-kart {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.kayitli-adres-kart:hover {
    border-color: var(--main-color);
    box-shadow: 0 2px 10px rgba(98, 196, 74, 0.15);
}

.kayitli-adres-kart:has(.form-check-input:checked) {
    border-color: var(--main-color);
    background: rgba(98, 196, 74, 0.05);
}

/* Teslimat & Ödeme Seçim Kartı */
.teslimat-secim-kart,
.odeme-secim-kart {
    cursor: pointer;
    transition: all 0.3s ease;
}

.teslimat-secim-kart:hover,
.odeme-secim-kart:hover {
    border-color: var(--main-color) !important;
    box-shadow: 0 2px 8px rgba(98, 196, 74, 0.12);
}

.teslimat-secim-kart:has(.form-check-input:checked),
.odeme-secim-kart:has(.form-check-input:checked) {
    border-color: var(--main-color) !important;
    background: rgba(98, 196, 74, 0.04) !important;
}

.teslimat-secim-kart .form-check-input,
.odeme-secim-kart .form-check-input {
    margin-top: 0.35rem;
}

/* Sipariş Ürün Listesi */
.siparis-urun-listesi {
    max-height: 300px;
    overflow-y: auto;
}

/* Responsive */
@media (max-width: 767px) {
    .siparis-adim-cizgi { width: 30px; }
    .siparis-adim { font-size: 0.8rem; }
    .siparis-adim .adim-no { width: 26px; height: 26px; font-size: 0.75rem; }
}