/* Giriş ve kayıt ekranları (auth/layout.blade.php) için düzeltmeler, 02.10.2026. */

/* Mobilde form kutusu tam genişlik alsın: w-lg-650px yalnızca lg ve üstünde genişlik veriyor; altında kutu
   içeriği kadar büyüyor, uzun okul adı sayfayı sağa taşırıyordu ve kişisel bilgi kutuları daralıyordu. */
@media (max-width: 991.98px) {
    .w-lg-650px { width: 100% !important; }
}
[data-kt-stepper-element="content"] > * { min-width: 0; }

/* Seçili uzun okul adı kutuya sığmazsa "…" ile kısalır. */
#kt_create_account_form .select2-container { max-width: 100%; }
#kt_create_account_form .select2-selection__rendered {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Sol (mavi) panel: kaydırma çubuğu yalnızca gerektiğinde çıksın (scroll-y her zaman çubuk gösteriyordu). */
.kayit-panel.scroll-y { overflow-y: auto; }

/* Mobilde mavi panel kısa: logo küçük, adımlar yalnızca numaralarıyla tek satırda (adın kendisi formun başlığında);
   böylece form ilk ekranda, kaydırmadan görünür. Etkin adım yeşil kalır. */
@media (max-width: 991.98px) {
    .kayit-panel-baslik { padding-top: 1.25rem !important; padding-bottom: .5rem !important; }
    .kayit-panel-baslik img { height: 48px !important; width: auto !important; }
    .kayit-panel-adimlar { padding: .5rem 1rem !important; flex-grow: 0 !important; }
    #kt_create_account_stepper .kayit-panel .stepper-nav { flex-direction: row; align-items: center; gap: .75rem; }
    #kt_create_account_stepper .kayit-panel .stepper-label,
    #kt_create_account_stepper .kayit-panel .stepper-line { display: none; }
    #kt_create_account_stepper .kayit-panel .stepper-icon { margin-right: 0 !important; }
    .kayit-panel-alt { padding-top: .5rem !important; padding-bottom: .75rem !important; }
}
