/* ══════════════════════════════════════════════════════════════════
   FORM KİLİDİ — stil            21.09.2026
   /tema/js/form-kilit.js ile birlikte çalışır. Form doğrulamayı geçip
   gönderilince form `.form-kilitli`, gönder düğmeleri `.form-kilit-dugme`
   sınıfını alır; basılan düğmenin içine dönen Bootstrap spinner'ı ve
   "İşlem yapılıyor…" yazısı gelir.

   ⚠ Düğmenin KENDİ zemin/yazı rengi KORUNUR — sayfa stilleri ezilmez.
     Yalnız biraz soluklaşır, imleç "işlem sürüyor" olur ve tık almaz.
     Kilit görünümü her düğmede aynı olsun diye :disabled ile birlikte
     yazılır (sayfaların kendi :disabled kurallarından güçlü kalsın).

   ⚠ Bu dosya HEM public HEM panel layout'una bağlıdır — betikle aynı
     ikili tek kaynaktır; panel için ayrı kopya YOK (ikisi ayrışmasın).
   ══════════════════════════════════════════════════════════════════ */

form .form-kilit-dugme,
form .form-kilit-dugme:disabled {
    opacity: .72;
    cursor: progress !important;
    pointer-events: none;
}

/* Kilitli formun tamamında imleç "işlem sürüyor" (alanlar yine okunur kalır) */
form.form-kilitli {
    cursor: progress;
}

/* Spinner Bootstrap'ten gelir (.spinner-border). Bootstrap yüklenmemiş bir
   sayfada yazı tek başına yeterlidir — ek bir ikon seti gerekmez. */

@media (prefers-reduced-motion: reduce) {
    form .form-kilit-dugme .spinner-border {
        animation: none;
    }
}