/**
 * Public Chat Dropdown Fixes
 * Fixes the Admin Tools dropdown and Navbar dropdowns on the public_chat.php page
 */

/* Fix chat-window overflow to allow dropdowns to display */
.chat-window {
    overflow: visible !important;
}

/* Fix chat-header to allow dropdowns to extend outside */
.chat-header {
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
}

/* Admin Tools Dropdown in chat header */
.chat-header .dropdown {
    position: relative;
}

.chat-header .dropdown-menu {
    position: absolute !important;
    z-index: 1050 !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    min-width: 180px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: none;
}

.chat-header .dropdown-menu.show {
    display: block !important;
}

.chat-header .dropdown-item {
    color: #333;
    padding: 0.5rem 1rem;
    transition: background-color 0.2s;
}

.chat-header .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #667eea;
}

.chat-header .dropdown-header {
    color: #667eea;
    font-weight: 600;
    padding: 0.5rem 1rem;
}

/* Navbar Dropdown Fix for this page */
.navbar .dropdown-menu {
    z-index: 1060 !important;
}

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

/* Ensure profile dropdown is visible */
#userDropdown+.dropdown-menu {
    position: absolute !important;
    z-index: 1060 !important;
}

/* Ensure the chat messages area still clips content properly */
.chat-messages {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}