/* Chat Icon Visibility Fix - Applied to all chat interfaces */

/* Expand/Minimize buttons for all chat interfaces */
.chat-expand-btn,
.btn-outline-light.chat-control,
button[onclick*="toggleChatSize"] {
    color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
    background-color: rgba(44, 90, 160, 0.1) !important;
}

.chat-expand-btn:hover,
.btn-outline-light.chat-control:hover,
button[onclick*="toggleChatSize"]:hover {
    color: #ffffff !important;
    background-color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
}

/* Chat expand/minimize icons */
.chat-expand-btn i,
.btn-outline-light.chat-control i,
button[onclick*="toggleChatSize"] i {
    color: #2c5aa0 !important;
}

.chat-expand-btn:hover i,
.btn-outline-light.chat-control:hover i,
button[onclick*="toggleChatSize"]:hover i {
    color: #ffffff !important;
}

/* Close buttons for all chat interfaces */
.chat-close-btn,
.btn-close.chat-control,
button[onclick*="toggleChatAndForm"],
button[onclick*="closeChatModal"] {
    color: #2c5aa0 !important;
    opacity: 1 !important;
    background: rgba(44, 90, 160, 0.1) !important;
    border: 1px solid #2c5aa0 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.chat-close-btn:hover,
.btn-close.chat-control:hover,
button[onclick*="toggleChatAndForm"]:hover,
button[onclick*="closeChatModal"]:hover {
    color: #ffffff !important;
    background-color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
    opacity: 1 !important;
    transform: scale(1.05) !important;
    transition: all 0.2s ease !important;
}

/* Close button icons */
.chat-close-btn i,
.btn-close.chat-control i,
button[onclick*="toggleChatAndForm"] i,
button[onclick*="closeChatModal"] i {
    color: #2c5aa0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.chat-close-btn:hover i,
.btn-close.chat-control:hover i,
button[onclick*="toggleChatAndForm"]:hover i,
button[onclick*="closeChatModal"]:hover i {
    color: #ffffff !important;
}

/* Chat modal headers - ensure all icons are visible */
.modal-header .btn-close,
.card-header .btn-close,
.chat-header .btn-close {
    color: #2c5aa0 !important;
    opacity: 1 !important;
    filter: none !important;
    background: none !important;
    border: 1px solid #2c5aa0 !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

.modal-header .btn-close:hover,
.card-header .btn-close:hover,
.chat-header .btn-close:hover {
    color: #ffffff !important;
    background-color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
    opacity: 1 !important;
}

/* Override Bootstrap close button styles */
.btn-close:not([disabled]):not(.disabled):hover,
.btn-close:not([disabled]):not(.disabled):focus {
    color: #ffffff !important;
    background-color: #2c5aa0 !important;
    opacity: 1 !important;
}

/* Chat floating buttons */
.chat-float-btn,
.position-fixed .btn-primary {
    background-color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
    color: #ffffff !important;
}

.chat-float-btn:hover,
.position-fixed .btn-primary:hover {
    background-color: #1e3d6f !important;
    border-color: #1e3d6f !important;
    color: #ffffff !important;
}

/* Resize handle visibility */
.resize-handle i {
    color: #2c5aa0 !important;
    opacity: 0.7 !important;
}

.resize-handle:hover i {
    color: #1e3d6f !important;
    opacity: 1 !important;
}

/* Chat minimize/maximize state icons */
.bi-arrows-fullscreen,
.bi-arrows-angle-contract,
.bi-fullscreen,
.bi-fullscreen-exit {
    color: #2c5aa0 !important;
}

/* Ensure all Bootstrap close button variations are visible */
.btn-close-white {
    filter: none !important;
    color: #2c5aa0 !important;
    opacity: 1 !important;
    background: none !important;
    border: 1px solid #2c5aa0 !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

.btn-close-white:hover {
    color: #ffffff !important;
    background-color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
    opacity: 1 !important;
}