:root{--primary-button-color: #15284b; --main-third-color: #8b5cf6; --main-fourth-color: #00c753; --main-second-color: #eff8ff; --border-radius: 6px; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b;} /* ===== PREMIUM CHECKOUT CSS — guvenliyedekparca.com ===== */

/* Genel arka plan */
.checkout-container {
  background: #f0f2f5 !important;
  padding: 0 !important;
}

/* Header */
.checkout-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e8ecf0 !important;
  padding: 14px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.checkout-header .logo span {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0d1b2e !important;
  letter-spacing: -0.02em !important;
}

.back-btn {
  background: transparent !important;
  border: 1.5px solid #e2e6ea !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: all 0.2s !important;
}

.back-btn:hover {
  border-color: #1a2e4a !important;
  color: #1a2e4a !important;
}

/* Ana adım kutuları */
.step-box {
  background: #ffffff !important;
  border: 1.5px solid #e8ecf0 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}

.step-box.disabled {
  background: #f8f9fb !important;
  border-color: #edf0f3 !important;
  box-shadow: none !important;
  opacity: 0.6 !important;
}

/* Adım kutusu başlık */
.step-box--header {
  padding: 20px 24px 0 24px !important;
  border-bottom: 1px solid #f0f2f5 !important;
  margin-bottom: 20px !important;
}

.step-box--header h2 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0d1b2e !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding-bottom: 16px !important;
  margin: 0 !important;
}

/* Adım kutusu iç alan */
.step-box--inner {
  padding: 0 24px 24px 24px !important;
}

/* Form alanları — Vuetify v-field override */
.v-field.v-field--variant-solo {
  background: #f8f9fb !important;
  border: 1.5px solid #e2e6ea !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s !important;
}

.v-field.v-field--variant-solo:hover {
  border-color: #b0bec5 !important;
  background: #f4f6f8 !important;
}

.v-field.v-field--focused,
.v-field.v-field--active.v-field--variant-solo {
  background: #ffffff !important;
  border-color: #1a2e4a !important;
  box-shadow: 0 0 0 3px rgba(26,46,74,0.09) !important;
}

.v-field__overlay {
  background: transparent !important;
}

/* Input text */
.v-field__input input,
.v-field__input {
  font-size: 14px !important;
  color: #1a2534 !important;
  caret-color: #1a2e4a !important;
}

/* Floating label */
.v-label.v-field-label {
  font-size: 13px !important;
  color: #9ca3af !important;
}

.v-label.v-field-label--floating {
  font-size: 11px !important;
  color: #6b7a8d !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

.textfield-label {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* Form field aralıkları */
.form-field {
  margin-bottom: 12px !important;
}

.form-inner-row {
  gap: 10px !important;
}

/* Telefon input */
.vue-tel-input {
  background: #f8f9fb !important;
  border: 1.5px solid #e2e6ea !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
}

.vue-tel-input:focus-within {
  border-color: #1a2e4a !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(26,46,74,0.09) !important;
}

.vti__input {
  background: transparent !important;
  font-size: 14px !important;
  color: #1a2534 !important;
}

.vti__dropdown {
  background: transparent !important;
  border-right: 1px solid #e2e6ea !important;
  border-radius: 10px 0 0 10px !important;
  padding: 0 10px !important;
}

/* Radio butonlar — Fatura tipi */
.bill-type-wrapper {
  margin-bottom: 12px !important;
}

.bill-type-wrapper .v-label.mb-2 {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #6b7a8d !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.v-selection-control--inline .v-label {
  font-size: 14px !important;
  color: #374151 !important;
}

/* Chevron ikonları (autocomplete ok) */
.v-autocomplete__menu-icon {
  color: #9ca3af !important;
}

/* Submit butonu — Oluştur */
.address-form-submit {
  background: #1a2e4a !important;
  color: #ffffff !important;
  border-radius: 11px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: none !important;
  height: 50px !important;
  transition: background 0.2s, transform 0.15s !important;
  border: none !important;
}

.address-form-submit:hover {
  background: #243d62 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(26,46,74,0.22) !important;
}

.address-form-submit .v-btn__overlay,
.address-form-submit .v-btn__underlay {
  display: none !important;
}

.form-actions {
  margin-top: 20px !important;
}

/* Sağ kolon — Sepet accordion */
.accordion {
  background: #ffffff !important;
  border: 1.5px solid #e8ecf0 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}

.accordion-title-wrapper {
  padding: 16px 20px !important;
  border-bottom: 1px solid #f0f2f5 !important;
  display: flex !important;
  align-items: center !important;
}

.accordion-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0d1b2e !important;
}

.accordion-trigger-btn {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: #6b7a8d !important;
}

/* Sepet ürün item */
.product-item {
  padding: 14px 20px !important;
}

.basket-item {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

.basket-item-image {
  width: 64px !important;
  height: 64px !important;
  border-radius: 10px !important;
  border: 1.5px solid #f0f2f5 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #f8f9fb !important;
}

.basket-item-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.basket-item-product-name span {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a2534 !important;
  line-height: 1.4 !important;
}

.basket-item-quantity {
  font-size: 12px !important;
  color: #9ca3af !important;
  background: #f0f2f5 !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
}

.basket-item-basket-price span {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a8f5a !important;
}

/* Sipariş özeti kartı */
.order-summary-card {
  padding: 14px 20px !important;
  background: #ffffff !important;
  border: none !important;
}

.order-summary-card-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0d1b2e !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #f0f2f5 !important;
  background: #f8f9fb !important;
}

.order-summary-list-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 20px !important;
}

.list-item-key {
  font-size: 13px !important;
  color: #6b7a8d !important;
}

.list-item-value {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a2534 !important;
}

.order-summary-divider {
  height: 1px !important;
  background: #f0f2f5 !important;
  margin: 0 20px !important;
}

/* Toplam tutar satırı */
.total-price-card {
  padding: 16px 20px !important;
  background: #f8f9fb !important;
  border-top: 2px solid #e8ecf0 !important;
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.total-price-card .order-summary-card-title {
  font-size: 14px !important;
  color: #0d1b2e !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.basket-total-price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1a8f5a !important;
  margin-left: auto !important;
}

/* Mobil */
@media (max-width: 768px) {
  .step-box {
    border-radius: 12px !important;
  }
  .step-box--inner {
    padding: 0 16px 20px 16px !important;
  }
  .step-box--header {
    padding: 16px 16px 0 16px !important;
  }
}
/* ===== END ===== */