/**
 * Alan adı transferi — Yardım linki, input hover/odak (tema ile uyumlu koyu tonlar)
 * common.tpl bu dosyayı all.css sonrası yükler.
 */

/* Yardım — koyu zeminde okunaklı (tema label rengi ile yarışmaması için yüksek kontrast) */
#order-standard_cart label a.transfer-auth-help,
#order-standard_cart .transfer-auth-help {
  float: right;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(165, 200, 255, 0.55) !important;
  padding: 0.15em 0;
  background: transparent !important;
  border-radius: 2px;
  transition: color 0.15s ease, border-color 0.15s ease;
  box-shadow: none !important;
}

#order-standard_cart label a.transfer-auth-help:hover,
#order-standard_cart label a.transfer-auth-help:focus,
#order-standard_cart .transfer-auth-help:hover,
#order-standard_cart .transfer-auth-help:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
  border-bottom-color: rgba(186, 220, 255, 0.9) !important;
  box-shadow: none !important;
  outline: none !important;
}

#order-standard_cart .transfer-auth-help i,
#order-standard_cart label a.transfer-auth-help i {
  color: rgba(186, 220, 255, 0.98) !important;
  opacity: 1 !important;
  margin-right: 0.28rem;
}

/* Küre dekoru — form/Yardım düğmesi ile çakışmasın (arka plan sağa taşır, kart opak) */
#order-standard_cart .transfer-domain-form-container {
  overflow-x: hidden;
  position: relative;
}

#order-standard_cart .transfer-domain-form-container .domain-transfer-bg {
  padding: 40px 0 56px;
  background-size: min(300px, 36vw) auto !important;
  background-position: calc(100% + 40px) 42% !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 991px) {
  #order-standard_cart .transfer-domain-form-container .domain-transfer-bg {
    background-size: 220px auto !important;
    background-position: calc(100% + 70px) 55% !important;
  }
}

@media (max-width: 767px) {
  #order-standard_cart .transfer-domain-form-container .domain-transfer-bg {
    background-image: none !important;
    padding: 24px 0 32px;
  }
}

/* Kart — opak zemin; küre çizgileri içeride okunurluğu bozmasın */
#order-standard_cart .transfer-domain-form-container .panel.card,
#order-standard_cart .transfer-domain-form-container .panel.card:hover {
  background-color: rgba(17, 20, 30, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4) !important;
  position: relative;
  z-index: 1;
}

#order-standard_cart .transfer-domain-form-container .panel-body.card-body,
#order-standard_cart .transfer-domain-form-container .panel-footer.card-footer {
  background-color: transparent !important;
}

/* Alan adı + transfer kodu — hover / odak / active aynı zemin (simsiyah yok) */
#order-standard_cart .transfer-domain-form-container .form-control {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.96) !important;
  transition: none !important;
}

#order-standard_cart .transfer-domain-form-container .form-control:hover,
#order-standard_cart .transfer-domain-form-container .form-control:focus,
#order-standard_cart .transfer-domain-form-container .form-control:focus-visible,
#order-standard_cart .transfer-domain-form-container .form-control:active {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
}
