/* Global Dropdown Positioning Fix */
/* This file applies consistent dropdown positioning across the entire site */

/* Main dropdown positioning for all dropdowns */
.navbar-custom-menu .dropdown-menu,
.user-menu .dropdown-menu,
.notifications-menu .dropdown-menu,
.main-header .dropdown-menu,
.navbar .dropdown-menu,
.dropdown-menu,
.btn-group .dropdown-menu,
.dropdown .dropdown-menu {
    left: auto !important;
    right: -133px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
}

/* Additional dropdown fixes */
.dropdown-menu-right {
    left: auto !important;
    right: -133px !important;
}

.dropdown-menu-left {
    left: auto !important;
    right: -133px !important;
}

/* Force all dropdowns to use this positioning */
[class*="dropdown"] .dropdown-menu,
[class*="menu"] .dropdown-menu {
    left: auto !important;
    right: -133px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
}

/* Specific fixes for different dropdown types */
.navbar-nav .dropdown-menu,
.navbar-nav .dropdown-menu-right,
.navbar-nav .dropdown-menu-left {
    left: auto !important;
    right: -133px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
}

/* AdminLTE specific dropdowns */
.sidebar-menu .dropdown-menu,
.treeview-menu .dropdown-menu,
.user-panel .dropdown-menu {
    left: auto !important;
    right: -133px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
}

/* Bootstrap dropdown overrides */
.dropdown-menu.show {
    left: auto !important;
    right: -133px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
}

/* Override any conflicting styles */
.dropdown-menu[style*="left"] {
    left: auto !important;
    right: -133px !important;
}

.dropdown-menu[style*="right"] {
    right: -133px !important;
}

/* Ensure dropdowns are visible when open */
.dropdown.open > .dropdown-menu,
.btn-group.open > .dropdown-menu,
.dropdown.show > .dropdown-menu {
    display: block !important;
    left: auto !important;
    right: -133px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
}