﻿/* ـــــــــــــ Select2 داخل نافذة SweetAlert2 ـــــــــــــ */

/* الحاوية الأصلية */
.swal2-popup .select2-container{
    width: 100% !important;                    /* يملأ العرض بالكامل */
}

/* صندوق الاختيار المتعدّد (التاجات + خانة البحث) */
.swal2-popup .select2-selection--multiple{
    display: flex; flex-wrap: wrap; align-items: center;
    box-sizing: border-box;

    min-height: 3.25rem !important;            /* ارتفاع مريح (≈ 52 px)  */
    padding: .45rem .6rem !important;          /* حشوة أوسع من الافتراضى */
    font-size: 1rem; line-height: 1.6;          /* خط Bootstrap الافتراضى */
}

/* التاجات */
.swal2-popup .select2-selection__choice{
    margin-top: .25rem;
    display: inline-flex !important;
    align-items: center !important;
}
/* Center the x (remove) icon in choice tags */
.swal2-popup .select2-selection__choice__remove{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin-inline-start: 0.25rem;
    padding: 0;
    font-size: 1.1em;
}


/* خانة البحث (توجد داخل الـ selection) */
.swal2-popup .select2-selection--multiple .select2-search__field{
    flex: 1 1 auto !important;                 /* تتمدّد لتمثيل حقل إدخال واضح */
    min-width: 8rem;                           /* لا تنكمش بشدّة عند صِغَر الصندوق */
    height: 1.8rem !important;                 /* يمنع قصّ الـ placeholder */
    line-height: 1.6 !important;
    margin-top: .25rem;                        /* محاذاة رأسية مع التاجات */
    border: none !important; outline: 0;
}
