/*
 * Select2 icin app.css'teki Velzon temasinin eksiklerini tamamlar. Select2'nin
 * kendi select2.min.css'i _head_css'te app.css'ten ONCE yuklenir; sayfalarda
 * ayrica yuklenmemelidir, yoksa Velzon temasini ezer ve kutular 28px'e
 * (yanindaki alanlardan ince) duser.
 */

/* Coklu secim bosken liste bos kalir ama yine de yer kaplar; yer tutucu yazi
   alt satira duser ve kutu tek secimden kalin gorunur. */
.select2-container .select2-selection--multiple .select2-selection__rendered:empty {
    display: none;
}

/* Coklu secim tek satirken form-select ile ayni yukseklikte kalir. */
.select2-container .select2-selection--multiple {
    padding-bottom: 4px;
}

/* Kucuk alanlar (form-control-sm / form-select-sm) Velzon temasinda normal
   boya buyuyordu; bootstrap'in kucuk alan olculerine getirilir. */
select.form-control-sm + .select2-container .select2-selection--single,
select.form-select-sm + .select2-container .select2-selection--single {
    font-size: 0.721875rem;
    height: calc(1.5em + 0.5rem + 2px);
    border-radius: 0.2rem;
}

select.form-control-sm + .select2-container .select2-selection--single .select2-selection__rendered,
select.form-select-sm + .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 0.5rem);
    padding-left: 0.5rem;
}

select.form-control-sm + .select2-container .select2-selection--single .select2-selection__arrow,
select.form-select-sm + .select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

/* Velzon'un secili secenek kurali, alt/ust oklarla secili satirin uzerine
   gelindiginde vurguyu siliyordu; vurgulanan satir her zaman belli olur. */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable[aria-selected=true] {
    background-color: #6691e7;
    color: #fff;
}