/* =====================================================================
   JetSMS+ iletisim formu temasi
   Bootstrap/app.css yapisini kullanan formu (#jetsmsContactForm icinde)
   JetSMS+ koyu temasina uyarlar. Form alanlarinin name/id'lerine veya
   JS/recaptcha isleyisine dokunmaz, sadece gorunum.
===================================================================== */

#jetsmsContactForm{
  font-family:var(--font-body, 'Inter', sans-serif);
  background:transparent !important;
  color:#f7f5ff;
}

/* Genislik: col-md-10 kisitini kaldirip formun tam genislik kullanmasini sagla */
#jetsmsContactForm #divForm{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
}
#jetsmsContactForm .container-fluid,
#jetsmsContactForm .container{ padding-left:0; padding-right:0; max-width:100%; }

/* Metin kutulari / select */
#jetsmsContactForm .form-control,
#jetsmsContactForm .form-select{
  background-color:rgba(255,255,255,.035) !important;
  background-blend-mode:normal;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:#f7f5ff !important;
}
#jetsmsContactForm .form-select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  color-scheme:dark;
}
#jetsmsContactForm .form-select option{
  background-color:#1a1435;
  color:#f7f5ff;
}
#jetsmsContactForm .form-control:focus,
#jetsmsContactForm .form-select:focus{
  background:rgba(255,255,255,.06);
  border-color:#9c86f0;
  color:#f7f5ff;
  box-shadow:none;
}
#jetsmsContactForm .form-control::placeholder{ color:#7d759c; }
#jetsmsContactForm .form-floating > label{ color:#b2abd0; }
/* Bootstrap, yukari kalkan etiketin arkasina kenarligi "kesmek" icin beyaz bir
   arka plan (::after) koyuyor (--bs-body-bg degiskeninden) - bunu koyu temaya cekiyoruz */
#jetsmsContactForm .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
#jetsmsContactForm .form-floating > .form-control:focus ~ label::after,
#jetsmsContactForm .form-floating > .form-select ~ label::after{
  background-color:#1a1435 !important;
}
/* Yukari kalkan etiketin YAZI rengi de Bootstrap'te daha spesifik bir kuralla
   koyulastiriliyor (--bs-body-color) - acik tonda tutuyoruz */
#jetsmsContactForm .form-floating > .form-control-plaintext ~ label,
#jetsmsContactForm .form-floating > .form-control:focus ~ label,
#jetsmsContactForm .form-floating > .form-control:not(:placeholder-shown) ~ label,
#jetsmsContactForm .form-floating > .form-select ~ label{
  color:#b2abd0 !important;
}
#jetsmsContactForm .form-control:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.035) inset;
  -webkit-text-fill-color:#f7f5ff;
}
#jetsmsContactForm .form-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b2abd0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 15px center;
}

/* Mesaj karakter sayaci */
#jetsmsContactForm .charCounter{ color:#7d759c; font-size:12px; margin-top:6px; }

/* Onay kutulari (KVKK / SMS / mail / arama) */
#jetsmsContactForm .form-check-input{
  background-color:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.25);
}
#jetsmsContactForm .form-check-input:checked{
  background-color:#9c86f0;
  border-color:#9c86f0;
}
#jetsmsContactForm .form-check-input:focus{
  box-shadow:0 0 0 .2rem rgba(156,134,240,.25);
}
#jetsmsContactForm .form-check label{ color:#b2abd0; font-size:13px; line-height:1.5; }
#jetsmsContactForm .form-check label a{ color:#9c86f0; }
#jetsmsContactForm .form-check label a:hover{ color:#ffb238; }

/* Hata / uyari metinleri */
#jetsmsContactForm .error{ color:#ff6b7a; }
#jetsmsContactForm .alert-danger{ color:#ff6b7a; background:rgba(255,107,122,.1); border:1px solid rgba(255,107,122,.3); border-radius:12px; padding:12px 16px; margin-top:14px; }

/* Basari mesaji */
#jetsmsContactForm #divFormResult .form-label{ color:#f7f5ff; font-size:15px; line-height:1.6; text-align:center; padding:20px 0; }

/* Gonder butonu — JetSMS+ marka gradyani (kendi .cf-submit sinifimiz, Bootstrap .btn ile CAKISMAZ) */
#jetsmsContactForm .cf-submit{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg, #ffb238, #ff8a4c);
  border:none; color:#1a1435; font-weight:700; font-size:15px;
  border-radius:999px; padding:13px 30px; cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease;
}
#jetsmsContactForm .cf-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px -10px rgba(255,138,76,.55);
}
#jetsmsContactForm .cf-submit svg{ color:#1a1435; }