/**
 * SIDEBAR BEAUTIFUL DESIGN - Modern & Professional
 * Dark purple with elegant styling
 */

/* Main sidebar container - COMPLETE coverage */
.main-menu.menu-dark,
.main-menu.menu-dark *,
.main-menu.menu-dark .main-menu-content,
.main-menu.menu-dark .navigation,
.main-menu.menu-dark .navigation > li,
.main-menu.menu-dark .navigation > li > ul,
.main-menu.menu-dark ul.menu-popout,
.main-menu.menu-dark .navbar-header,
.main-menu.menu-dark .main-menu-header,
.main-menu.menu-dark .shadow-bottom,
.ltmp-sidebar,
.ltmp-sidebar * {
    background: #2e1065 !important;
    background-color: #2e1065 !important;
}

/* Remove shadows and gradients */
.main-menu.menu-dark .shadow-bottom,
.main-menu.menu-dark:before,
.main-menu.menu-dark:after,
.main-menu.menu-dark .main-menu-content:before,
.main-menu.menu-dark .main-menu-content:after {
    background: #2e1065 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Text colors - WHITE without borders */
.main-menu.menu-dark,
.main-menu.menu-dark .navigation,
.main-menu.menu-dark .navigation li,
.main-menu.menu-dark .navigation li a,
.main-menu.menu-dark .navigation li span,
.main-menu.menu-dark .menu-title,
.main-menu.menu-dark .menu-item,
.main-menu.menu-dark .nav-link,
.main-menu.menu-dark .navigation-header,
.main-menu.menu-dark .navigation-header span {
    color: #ffffff !important;
    font-weight: 500 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Navigation items - modern styling */
.main-menu.menu-dark .navigation li a {
    padding: 12px 20px !important;
    margin: 4px 12px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    outline: none !important;
}

/* Icons styling - WHITE */
.main-menu.menu-dark .navigation li a i,
.main-menu.menu-dark .navigation li a svg {
    color: #ffffff !important;
    margin-right: 12px !important;
    border: none !important;
    outline: none !important;
}

/* Active items - no background, just text color */
.main-menu.menu-dark .navigation li.active a {
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    border: none !important;
    outline: none !important;
}

.main-menu.menu-dark .navigation li.active a i,
.main-menu.menu-dark .navigation li.active a svg {
    color: #ffffff !important;
}

/* Hover effects - color change ONLY, NO background */
.main-menu.menu-dark .navigation li:not(.active):hover a {
    background: transparent !important;
    color: #a78bfa !important;
    transform: translateX(4px) !important;
    border: none !important;
    outline: none !important;
}

.main-menu.menu-dark .navigation li:not(.active):hover a i,
.main-menu.menu-dark .navigation li:not(.active):hover a svg {
    color: #a78bfa !important;
}

/* Submenus - white text and icons */
.main-menu.menu-dark .navigation li ul,
.main-menu.menu-dark .navigation li ul li,
.main-menu.menu-dark .navigation li ul li a,
.main-menu.menu-dark .navigation li ul li span {
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.main-menu.menu-dark .navigation li ul li a i,
.main-menu.menu-dark .navigation li ul li a svg {
    color: #ffffff !important;
}

/* Submenu hover - color change ONLY, NO background */
.main-menu.menu-dark .navigation li ul li:hover a {
    color: #a78bfa !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

.main-menu.menu-dark .navigation li ul li:hover a i,
.main-menu.menu-dark .navigation li ul li:hover a svg {
    color: #a78bfa !important;
}

/* Submenu active */
.main-menu.menu-dark .navigation li ul li.active a {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

/* Portal toggle - white text */
.ltmp-portal-toggle {
    background: rgba(139, 92, 246, 0.1) !important;
    padding: 8px !important;
    margin: 16px 12px !important;
    border-radius: 12px !important;
    display: flex !important;
    gap: 8px !important;
    border: none !important;
    outline: none !important;
}

.ltmp-portal-toggle .toggle-btn {
    background: transparent !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    flex: 1 !important;
    text-align: center !important;
    border: none !important;
    outline: none !important;
}

.ltmp-portal-toggle .toggle-btn:hover {
    color: #a78bfa !important;
}

.ltmp-portal-toggle .toggle-btn.active {
    background: linear-gradient(135deg, #6b21a8 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3) !important;
    font-weight: 600 !important;
    border: none !important;
    outline: none !important;
}

/* Navbar header - elegant spacing */
.main-menu.menu-dark .navbar-header {
    padding: 24px 20px !important;
    border-bottom: 1px solid rgba(139, 92, 246, 0.1) !important;
}

/* Navigation headers - white text */
.main-menu.menu-dark .navigation-header {
    padding: 20px 20px 8px 20px !important;
    margin-top: 16px !important;
    border: none !important;
    outline: none !important;
}

.main-menu.menu-dark .navigation-header span {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    opacity: 0.7 !important;
    border: none !important;
    outline: none !important;
}

/* Override any white/inline styles */
.main-menu.menu-dark [style*="background: white"],
.main-menu.menu-dark [style*="background: #fff"],
.main-menu.menu-dark [style*="background: #ffffff"],
.main-menu.menu-dark [style*="background-color: white"],
.main-menu.menu-dark [style*="background-color: #fff"],
.main-menu.menu-dark [style*="background-color: #ffffff"] {
    background: #2e1065 !important;
    background-color: #2e1065 !important;
}

/* Force ALL elements in sidebar to have purple background EXCEPT promotion */
.main-menu.menu-dark div:not(.sidebar-promotion):not(.sidebar-promotion *),
.main-menu.menu-dark ul:not(.sidebar-promotion *),
.main-menu.menu-dark li:not(.sidebar-promotion *),
.main-menu.menu-dark span:not(.sidebar-promotion *),
.main-menu.menu-dark a:not(.sidebar-promotion *):not(.promotion-button),
.main-menu.menu-dark i:not(.sidebar-promotion *) {
    background: #2e1065 !important;
    background-color: #2e1065 !important;
}

/* Exception complète pour l'encart publicitaire */
.main-menu.menu-dark .sidebar-promotion,
.main-menu.menu-dark .sidebar-promotion * {
    background: transparent !important;
    background-color: transparent !important;
}

/* Garder le fond de l'encart lui-même */
.main-menu.menu-dark .sidebar-promotion {
    background: inherit !important;
}

/* Le bouton garde son fond blanc */
.main-menu.menu-dark .sidebar-promotion .promotion-button {
    background: white !important;
    background-color: white !important;
}

/* Scrollbar styling */
.main-menu.menu-dark .main-menu-content::-webkit-scrollbar {
    width: 6px !important;
}

.main-menu.menu-dark .main-menu-content::-webkit-scrollbar-track {
    background: rgba(139, 92, 246, 0.05) !important;
}

.main-menu.menu-dark .main-menu-content::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.3) !important;
    border-radius: 3px !important;
}

.main-menu.menu-dark .main-menu-content::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 92, 246, 0.5) !important;
}