/**
 * bootstrap5-compat.css — ให้ class สถานะที่ Bootstrap 5 JS ใส่ ใช้กับ CSS ของ Bootstrap 3 ได้ (RAW-5381)
 *
 * โหลดต่อจาก bootstrap.min.css คู่กับ js/bootstrap5-compat.js
 * BS5 ใช้ .show แทน .in ของ BS3 (fade, collapse, modal, backdrop) ส่วน dropdown / tab / button จัดการใน JS
 */
.fade.show {
    opacity: 1;
}

.collapse.show {
    display: block;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.show {
    filter: alpha(opacity=50);
    opacity: .5;
}

/* BS3 แสดงเมนูตาม .open ที่ parent (bootstrap5-compat.js ใส่ให้) ไม่ใช่ .show ที่ BS5 ใส่ที่เมนู
   ต้องใช้ !important เพราะ BS3 มี .show { display: block !important } */
.dropdown-menu.show {
    display: none !important;
}

.open > .dropdown-menu.show {
    display: block !important;
}

/* BS3 ไม่แสดงเมนูที่มี .hide / .hidden แม้ parent จะ .open (เช่น เมนูหมวดหลักหน้า manage_article ที่ใช้ modal เลือกแทน) */
.open > .dropdown-menu.show.hide,
.open > .dropdown-menu.show.hidden {
    display: none !important;
}