/* บังคับให้ Dropdown Panel มีขนาดเต็มความกว้างหน้าจอ */
/* .select2-container--open:target คลาสนี้จะถูกเพิ่มเมื่อ Dropdown เปิด */
.select2-container--open .select2-dropdown {
    /* กำหนดความกว้างเต็มหน้าจอ */
    width: max-content !important;

    /* เลื่อน Dropdown ไปทางซ้ายสุดของหน้าจอ */
    left: 0 !important;

    /* (ทางเลือก) กำหนดให้มีความสูงเต็มหน้าจอ */
    /* height: 100vh !important; */

    /* (ทางเลือก) บังคับให้แสดงผลเหนือองค์ประกอบอื่น ๆ */
    /* z-index: 9999; */

    /* (ทางเลือก) ปรับขอบของ Dropdown ให้ชิดขอบจอ */
    /* border-radius: 0; */
}
/* CSS สำหรับการขยาย Dropdown เต็มหน้าจอ */
.select2-dropdown-fullscreen {
    width: 100% !important;
    left: 0 !important;
    /* ตำแหน่งเริ่มต้นจากด้านบนของ Viewport */
    /* top: 0 !important; */
    /* height: 100vh !important; */
    /* z-index: 9999; */
    /* border-radius: 0; */
}

/* เข้าถึงองค์ประกอบที่มีทั้งสองคลาสพร้อมกัน */
.select2-selection.select2-selection--single {
    /* ใส่สไตล์ที่คุณต้องการที่นี่ */
    /* border: 1px solid #ced4da; */
    /* ตัวอย่าง: กำหนดขอบเขต */
    /* border-radius: .25rem; */
    /* ตัวอย่าง: กำหนดรัศมีขอบ */
    height: 35px;
    /* ตัวอย่าง: กำหนดความสูง */
    /* line-height: 36px; */
    /* ตัวอย่าง: ปรับการจัดแนวข้อความแนวตั้ง */
    /* padding-left: 12px; */
}