﻿/* --- Select2 Yükseklik ve Hizalama Düzeltmesi --- */

/* 1. Kutunun kendisini şişiriyoruz ve esnek (flex) yapıyoruz */
.select2-container--default .select2-selection--single {
    height: 45px !important; /* Yüksekliği sabitledik (Görselde ince duranı düzeltecek) */
    padding: 0 !important; /* İç boşlukları sıfırlayıp biz yöneteceğiz */
    display: flex !important;
    align-items: center !important; /* İçindekileri dikeyde tam ortalar */
    border: 1px solid #ced4da; /* Varsayılan gri kenarlık */
    border-radius: 4px;
}

/* 2. Tıklayınca kenarlık TURUNCU olsun (Senin teman) */
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.25) !important;
}

/* 3. "Seçiniz..." yazısını ortalıyoruz */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important; /* Satır yüksekliği hatasını giderir */
    padding-left: 12px !important; /* Soldan biraz boşluk */
    color: #222 !important; /* Yazı rengi siyah */
    width: 100%; /* Tam genişlik */
}

/* 4. Sağdaki OK işaretini düzeltiyoruz */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important; /* Kutunun tamamı kadar boyu olsun */
    top: 0 !important;
    right: 5px !important;
    display: flex !important;
    align-items: center !important; /* Oku dikeyde ortalar */
    justify-content: center !important;
}

    /* Okun rengini ve şeklini netleştirme */
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent !important;
        border-width: 6px 5px 0 5px !important;
        margin-top: 0 !important; /* Select2 bazen negatif margin verir, onu siliyoruz */
    }
