.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; }