/* Talep formu — YALNIZCA eklentiye özgü olanlar.
 *
 * Alan, etiket, girdi, onay kutusu ve düğme stilleri tasarım sisteminden
 * (.konak-alan, .konak-onay, .konak-btn) geliyor; burada tekrarlanmaz.
 * Tekrarlanırsa iki taraf ayrışıyor ve token değiştirmek formu değiştirmiyor.
 *
 * Tema kurulu değilken de form KULLANILABİLİR kalmalı — bu yüzden aşağıda
 * değişkenlere yedek değer verilmiş; tasarım sistemi yüklüyse o kazanır.
 */

.konak-form-wrapper { width: 100%; }

/* Bildirim kutusu. form.js gönderim sonucunda içeriğini dolduruyor;
 * boşken hiç yer kaplamamalı. Eskiden satır içi display:none ile
 * gizleniyordu, o da JS'in style.display yazmasına bağımlıydı. */
.konak-form-mesaj {
  padding: var(--sp-4, 1rem) var(--sp-5, 1.25rem);
  border-radius: var(--r-md, .375rem);
  margin-bottom: var(--sp-6, 1.5rem);
  font-weight: 500;
  border: 1px solid transparent;
}
.konak-form-mesaj:empty { display: none; }

.konak-msg-basarili {
  background: var(--basari-zemin, #f2f8f4);
  color: var(--basari-metin, #1c6b41);
  border-color: currentColor;
}
.konak-msg-hata {
  background: var(--hata-zemin, #fdf4f3);
  color: var(--hata-metin, #a4262c);
  border-color: currentColor;
}

/* Gönderim sırasında: çift tıklamayı engelle, beklendiğini göster. */
.konak-talep-form.is-loading { opacity: .6; pointer-events: none; }
.konak-talep-form.is-loading button[type="submit"] { cursor: progress; }

/* Alan bazlı hata — dogrulama.php'nin döndürdüğü alan adıyla işaretlenir. */
.konak-alan.konak-alan--hatali input,
.konak-alan.konak-alan--hatali select,
.konak-alan.konak-alan--hatali textarea {
  border-color: var(--hata-metin, #a4262c);
}