css/dark-theme.css

.dropdown-menu {
    background-color: #1a1a1a !important;
    border: 1px solid #ffd700 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8) !important;
    padding: 15px !important;
    border-radius: 8px !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    position: absolute !important;
    margin-top: 0 !important;
    transform: translateY(0) !important;
    z-index: 1000 !important;
    left: 0 !important;
}

.dropdown-menu.dropdown-menu-end,
.nav-item:last-child .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

@media screen and (min-width: 992px) {
    .dropdown-menu {
        max-width: min(400px, 90vw) !important;
        max-height: calc(100vh - 100px) !important;
    }
    
    .dropdown-menu.dropdown-menu-end,
    .nav-item:last-child .dropdown-menu {
        transform: none !important;
        right: 0 !important;
        left: auto !important;
    }
    
    .nav-item:hover .dropdown-menu {
        display: block !important;
    }
    
    .nav-item {
        position: relative !important;
    }
    
    .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        transform-origin: top right !important;
    }

    .nav-item:last-child .dropdown-menu,
    .nav-item:nth-last-child(2) .dropdown-menu {
        right: 0 !important;
        left: auto !important;
        transform-origin: top right !important;
    }
}

.dropdown-menu::-webkit-scrollbar {
    width: 8px !important;
}

.dropdown-menu::-webkit-scrollbar-track {
    background: #1a1a1a !important;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background: #ffd700 !important;
    border-radius: 4px !important;
}

.dropdown-menu .dropdown-item {
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-size: 0.95rem !important;
    transition: all 0.2s ease !important;
    border: 1px solid #333 !important;
    border-radius: 6px !important;
    margin: 5px 0 !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #2d2d2d !important;
    color: #ffd700 !important;
    transform: translateX(5px) !important;
    border-color: #ffd700 !important;
}

.dropdown-divider {
    border-top: 1px solid #ffd700 !important;
    margin: 12px 0 !important;
    opacity: 0.3 !important;
}

.dropdown-menu .active {
    background-color: #2d2d2d !important;
    color: #ffd700 !important;
    font-weight: 500 !important;
}
 OE
/* Consolidated section header styles */
.dark-theme .section-header,
.dark-theme .section-header h2,
.dark-theme .section-header h3,
.dark-theme .section-header h4,
.dark-theme .section-title,
.dark-theme .formation-header,
.dark-theme .coaching-header,
.dark-theme .contact-header,
.dark-theme .sub-category,
.dark-theme .dropdown-content .section-header,
.dark-theme .dropdown-content .sub-category,
.dark-theme #contact-dropdown .section-header,
.dark-theme #contact-dropdown .sub-category,
.dark-theme .services-submenu .submenu-title,
.dark-theme .dropdown-menu .section-header,
.dark-theme .dropdown-menu .sub-category,
.dark-theme .dropdown-menu h2,
.dark-theme .dropdown-menu h3,
.dark-theme .dropdown-menu h4,
.dark-theme .dropdown-menu .formation-header,
.dark-theme .dropdown-menu .coaching-header,
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: #ffd700 !important;
    border-bottom: 2px solid #ffd700 !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    text-decoration: none !important;
    display: block !important;
}

/* Remove duplicate styles and ensure consistent styling for all elements */
.dark-theme .section-header *,
.dark-theme .sub-category *,
.dark-theme .dropdown-content *,
.dark-theme #contact-dropdown *,
.dark-theme .services-submenu *,
.dark-theme .dropdown-menu * {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    margin-bottom: inherit !important;
    padding-bottom: inherit !important;
    border-bottom: inherit !important;
    text-decoration: inherit !important;
    display: inherit !important;
}

/* Services submenu styling */
.services-submenu {
    min-width: 300px !important;
    padding: 20px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #ffd700 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8) !important;
}

.services-submenu .submenu-section {
    margin-bottom: 25px !important;
}

/* Formation submenu styling */
.formation-submenu {
    min-width: 300px !important;
    padding: 20px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #ffd700 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8) !important;
}

/* Coaching/Mentorat submenu styling */
.coaching-submenu {
    min-width: 300px !important;
    padding: 20px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #ffd700 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8) !important;
}

/* Contact submenu styling - extending existing styles */
#contact-dropdown {
    min-width: 300px !important;
    padding: 20px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #ffd700 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8) !important;
}

#contact-dropdown .contact-info {
    color: #ffffff !important;
    padding: 15px !important;
}

#contact-dropdown .contact-info p,
#contact-dropdown .contact-info span {
    color: #ffffff !important;
    margin: 8px 0 !important;
}

#contact-dropdown .contact-info a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

#contact-dropdown .contact-info a:hover {
    color: #ffd700 !important;
}

#contact-dropdown .contact-info i,
#contact-dropdown .contact-info svg {
    color: #ffd700 !important;
    margin-right: 12px !important;
    font-size: 1.2rem !important;
}

#contact-dropdown .section-header,
#contact-dropdown .sub-category {
    color: #ffd700 !important;
    border-bottom: 2px solid #ffd700 !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    text-decoration: none !important;
    display: block !important;
}

/* Consolidated dropdown and submenu item styles */
.dark-theme .dropdown-item,
.dark-theme .submenu-item {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    margin: 8px 0 !important;
    border: 1px solid #444444 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.dark-theme .dropdown-item:hover,
.dark-theme .submenu-item:hover {
    background-color: #2d2d2d !important;
    color: #ffd700 !important;
    transform: translateX(8px) !important;
    border-color: #ffd700 !important;
}


.dark-theme .stat-card h3 {
    color: #ffd700 !important;
}

.dark-theme .stat-card:nth-child(1) .stat-number,
.dark-theme .stat-card:nth-child(2) .stat-number,
.dark-theme .stat-card:nth-child(3) .stat-number {
    color: #ffd700 !important;
}