/*!
 * NUCLEAR OPTION: Custom Dropdown Z-Index Fix for Ki Admin Theme
 * This file uses maximum specificity and z-index values to override theme
 */

/* NUCLEAR OPTION: Force ALL dropdown menus with maximum z-index */
.dropdown-menu,
.dropdown-menu.show,
.dropdown-menu[data-bs-popper],
.dropdown-menu.dropdown-menu-end,
.app-dropdown .dropdown-menu,
.app-hover-dropdown .dropdown-menu,
.room-card .dropdown-menu,
.room-card .dropdown-menu.show,
.card .dropdown-menu,
.card .dropdown-menu.show {
    z-index: 99999999 !important;
    position: absolute !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
    display: none !important;
}

.dropdown-menu.show,
.room-card .dropdown-menu.show,
.card .dropdown-menu.show {
    display: block !important;
    z-index: 99999999 !important;
}

/* Force ALL dropdown items with maximum z-index */
.dropdown-item,
.room-card .dropdown-item,
.card .dropdown-item,
.app-dropdown .dropdown-item,
.app-hover-dropdown .dropdown-item {
    z-index: 999999999 !important;
    position: relative !important;
}

.dropdown-item:hover,
.room-card .dropdown-item:hover,
.card .dropdown-item:hover {
    z-index: 999999999 !important;
}

/* Override ALL conflicting styles with maximum specificity */
.dropdown-menu *,
.room-card .dropdown-menu *,
.card .dropdown-menu * {
    z-index: 999999999 !important;
}

/* Ensure ALL cards and containers don't clip dropdowns */
.room-card,
.card,
.card-body,
.card-footer,
.row,
.col-xl-4, .col-lg-6, .col-md-6,
.container-fluid,
.main-content,
.app-content {
    overflow: visible !important;
}

/* ULTRA SPECIFIC SELECTORS - Target every possible combination */
.app-content .main .container-fluid .row .col-xl-4 .room-card .dropdown-menu,
.app-content .main .container-fluid .row .col-lg-6 .room-card .dropdown-menu,
.app-content .main .container-fluid .row .col-md-6 .room-card .dropdown-menu,
.app-content .main .container-fluid .row .col-xl-4 .card .dropdown-menu,
.app-content .main .container-fluid .row .col-lg-6 .card .dropdown-menu,
.app-content .main .container-fluid .row .col-md-6 .card .dropdown-menu,
body .app-content .main .container-fluid .row .col-xl-4 .room-card .dropdown-menu,
body .app-content .main .container-fluid .row .col-lg-6 .room-card .dropdown-menu,
body .app-content .main .container-fluid .row .col-md-6 .room-card .dropdown-menu {
    z-index: 99999999 !important;
    position: absolute !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
}