:root{--primary-button-color: #15284b; --main-third-color: #8b5cf6; --main-fourth-color: #00c753; --main-second-color: #eff8ff; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b; --border-radius: 6px;} /* ============================================
   ASAY — CHECKOUT ÖZEL CSS (FİNAL, TEK PARÇA)
   ============================================ */

/* BÖLÜM 1 — LOGO (Sepetim + Teslimat Adresi ortak)
   Confirmed: hem a.logo hem div.logo aynı "logo" class'ını
   paylaşıyor, tek selector iki adımı da kapsıyor. */
.logo img {
    height: 90px !important;
    max-height: 90px !important;
    width: auto !important;
}

/* BÖLÜM 2 — KULLANICI İKONU (Sepetim adımı) */
.usermenu-dropdown-btn i.mdi-account-circle-outline.user-avatar-btn {
    color: #082a3f !important;
    font-size: 28px !important;
}

/* BÖLÜM 3 — KULLANICI MENÜSÜ (Teslimat Adresi adımı)
   Bu adımda yapı farklı: div.logo (link değil) +
   div.payment-usermenu (div.mr-2 "Admin" yazısı + inline svg) */
.payment-usermenu .mr-2 {
    color: #082a3f !important;
    font-weight: 600 !important;
}
.payment-usermenu svg,
.payment-usermenu svg * {
    stroke: #082a3f !important;
}

/* BÖLÜM 4 — SEPET ÜRÜN SATIRI (kart görünümü) */
.basket-main-wrapper .product-item {
    background: #ffffff !important;
    border: 1px solid #e6ecef !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 10px rgba(8, 42, 63, 0.06) !important;
    transition: box-shadow .2s ease !important;
}
.basket-main-wrapper .product-item:hover {
    box-shadow: 0 4px 16px rgba(8, 42, 63, 0.10) !important;
}

/* BÖLÜM 5 — "OLUŞTUR" BUTONU (adres formu gönder) */
:root {
    --main-fourth-color: #082a3f !important;
}
.address-form-submit {
    background-color: #082a3f !important;
    border-color: #082a3f !important;
    color: #ffffff !important;
    transition: background-color .2s ease, border-color .2s ease !important;
}
.address-form-submit:hover {
    background-color: #123e59 !important;
    border-color: #123e59 !important;
}

/* BÖLÜM 6 — "TESLİMAT ADRESİ" KART + BAŞLIK HİYERARŞİSİ */
.step-box {
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #e6ecef !important;
    box-shadow: 0 2px 12px rgba(8, 42, 63, 0.06) !important;
}
.step-box--header h2 {
    color: #082a3f !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    letter-spacing: -0.2px !important;
}

/* BÖLÜM 7 — RADYO BUTONLARI (Kurumsal / Bireysel) */
.v-selection-control-input i.mdi-radiobox-blank,
.v-selection-control-input i.mdi-radiobox-marked {
    color: #082a3f !important;
}
label.v-label {
    color: #1d3746 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* BÖLÜM 8 — ADET SEÇİCİ (+/-) İKON RENKLERİ VE DIŞ KUTU */
.counter-button i.mdi-minus,
.counter-button i.mdi-plus {
    color: #082a3f !important;
}
.counter-label {
    color: #1d3746 !important;
    font-weight: 600 !important;
}
.counter {
    background: #f0f4f6 !important;
    border: 1px solid #dce4e8 !important;
    border-radius: 999px !important;
}

/* BÖLÜM 9 — "HEDİYE ÇEKİ KULLAN" SATIRI */
.feature-button.clickable {
    background: #ffffff !important;
    border: 1px solid #e6ecef !important;
    border-radius: 10px !important;
}
.feature-button.clickable .icon {
    color: #082a3f !important;
}
.feature-button.clickable .feature-button-content {
    color: #1d3746 !important;
    font-weight: 500 !important;
}

/* BÖLÜM 10 — "ALIŞVERİŞİ TAMAMLA" BUTONU (GERÇEK SINIF)
   Not: Bu buton --main-fourth-color değişkenini KULLANMIYOR,
   BÖLÜM 5'teki :root düzeltmesi bu butonu ETKİLEMİYOR.
   Ayrı, doğrudan .btn-success kuralı gerekiyor. */
.btn-success {
    background-color: #082a3f !important;
    border-color: #082a3f !important;
    color: #ffffff !important;
    transition: background-color .2s ease, border-color .2s ease !important;
}
.btn-success:hover {
    background-color: #123e59 !important;
    border-color: #123e59 !important;
}
.btn-success:focus,
.btn-success:active {
    background-color: #06202f !important;
    border-color: #06202f !important;
}

/* BÖLÜM 11 — TESLİMAT ADRESİ FORM ALANLARI (.v-field ailesi)
   Adres Başlığı, Ad Soyad, Adres, Posta Kodu, TC Kimlik No —
   hepsi aynı Vuetify .v-field yapısını paylaşıyor, tek kuralla
   hepsi kapsanıyor.
   Not: "İl Seçiniz" dropdown bu yapıyı paylaşıyor mu ayrıca
   doğrulanmadı — paylaşıyorsa bu kural onu da kapsar. */
.v-field {
    border-radius: 10px !important;
    background-color: #f7f9fa !important;
    transition: background-color .2s ease !important;
}
.v-field__outline__start,
.v-field__outline__end,
.v-field__outline__notch::before,
.v-field__outline__notch::after {
    border-color: #d7e1e6 !important;
    opacity: 1 !important;
}
.v-field--focused .v-field__outline__start,
.v-field--focused .v-field__outline__end,
.v-field--focused .v-field__outline__notch::before,
.v-field--focused .v-field__outline__notch::after {
    border-color: #082a3f !important;
    border-width: 2px !important;
}
.v-field--focused {
    background-color: #ffffff !important;
}
label.v-label.v-field-label {
    color: #6b8494 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}
.v-field--focused label.v-label.v-field-label {
    color: #082a3f !important;
}
.textfield-label {
    color: #6b8494 !important;
}
.v-field__input {
    color: #1d3746 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    caret-color: #082a3f !important;
}
.v-field__input::placeholder {
    color: #9db2bd !important;
}