/* ============================================
   MODAL FIX - SOLUTION FINALE SIMPLIFIÉE
   ============================================ */

/* Sidebar en dessous des modals */
body.modal-open #sidebar,
body.modal-open .sidebar-wrapper,
body.modal-open .navbar-header {
    z-index: 1 !important;
}

/* DÉSACTIVER COMPLÈTEMENT LE BACKDROP */
.modal-backdrop {
    display: none !important;
}

/* Modal sans backdrop - sur fond semi-transparent */
.modal {
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1050 !important;
    position: fixed !important;
}

.modal-dialog {
    z-index: inherit;
    position: relative;
}

.modal-content {
    z-index: inherit;
    position: relative;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
}

/* Style moderne */
.modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 16px 16px 0 0 !important;
}

.modal-header .btn-close {
    filter: brightness(0) invert(1);
}

.modal-body {
    padding: 20px;
}

/* Contact items */
.modal .contact-item {
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modal .contact-item:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
    transform: translateX(5px);
}

/* Tabs */
.modal .nav-tabs {
    border-bottom: 2px solid #667eea;
}

.modal .nav-tabs .nav-link.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
    border-radius: 8px 8px 0 0;
}

/* Scrollbar */
.modal-body::-webkit-scrollbar {
    width: 8px;
}

.modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.modal-body::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 4px;
}

.modal-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #764ba2 0%, #8e2de2 100%);
}