/* =========================================================
   iPhone / iOS Safari Form Fix
   Tarih, saat, select ve number alanlarını düzeltir
   Mevcut HTML'e dokunmadan çalışır
========================================================= */

@supports (-webkit-touch-callout: none) {
  /* Ortak alan görünümü */
  .enb-form .enb-field input[type="date"],
  .enb-form .enb-field input[type="time"],
  .enb-form .enb-field input[type="number"],
  .enb-form .enb-field input[type="text"],
  .enb-form .enb-field input[type="tel"],
  .enb-form .enb-field select,
  .enb-field input[type="date"],
  .enb-field input[type="time"],
  .enb-field input[type="number"],
  .enb-field input[type="text"],
  .enb-field input[type="tel"],
  .enb-field select {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #ffffff !important;
    background-clip: padding-box !important;
    background-image: none !important;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 16px !important;
    min-height: 52px !important;
    height: 52px !important;
    line-height: 1.25 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 16px !important;
    box-shadow: none !important;
    outline: none !important;
  }

  /* Select alanını iPhone’da düzleştir */
  .enb-form .enb-field select,
  .enb-field select {
    padding-right: 48px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    /* sağdaki bozuk iOS görünümünü kapatıp sade caret ver */
    background-image:
      linear-gradient(45deg, transparent 50%, #64748b 50%),
      linear-gradient(135deg, #64748b 50%, transparent 50%) !important;
    background-position:
      calc(100% - 22px) 50%,
      calc(100% - 16px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
  }

  /* Date / time alanları */
  .enb-form .enb-field input[type="date"],
  .enb-form .enb-field input[type="time"],
  .enb-field input[type="date"],
  .enb-field input[type="time"] {
    text-align: left !important;
    letter-spacing: 0 !important;
    padding-right: 16px !important;
  }

  .enb-form .enb-field input[type="date"]::-webkit-date-and-time-value,
  .enb-form .enb-field input[type="time"]::-webkit-date-and-time-value,
  .enb-field input[type="date"]::-webkit-date-and-time-value,
  .enb-field input[type="time"]::-webkit-date-and-time-value {
    text-align: left !important;
  }

  .enb-form .enb-field input[type="date"]::-webkit-calendar-picker-indicator,
  .enb-form .enb-field input[type="time"]::-webkit-calendar-picker-indicator,
  .enb-field input[type="date"]::-webkit-calendar-picker-indicator,
  .enb-field input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 1 !important;
    cursor: pointer;
    margin-left: 8px;
  }

  /* Focus */
  .enb-form .enb-field input[type="date"]:focus,
  .enb-form .enb-field input[type="time"]:focus,
  .enb-form .enb-field input[type="number"]:focus,
  .enb-form .enb-field input[type="text"]:focus,
  .enb-form .enb-field input[type="tel"]:focus,
  .enb-form .enb-field select:focus,
  .enb-field input[type="date"]:focus,
  .enb-field input[type="time"]:focus,
  .enb-field input[type="number"]:focus,
  .enb-field input[type="text"]:focus,
  .enb-field input[type="tel"]:focus,
  .enb-field select:focus {
    border-color: rgba(59, 130, 246, 0.55) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
  }

  /* Option görünümü */
  .enb-form .enb-field select option,
  .enb-field select option {
    background: #ffffff !important;
    color: #0f172a !important;
  }

  /* iOS zoom ve taşma azaltma */
  .enb-form,
  .enb-field {
    -webkit-text-size-adjust: 100%;
  }

  /* Safari’de köşe kırılmalarını daha temiz yap */
  .enb-form .enb-field input,
  .enb-form .enb-field select,
  .enb-field input,
  .enb-field select {
    transform: translateZ(0);
  }
}