/* Desktop styles (unchanged) */
.navbar { color: white; padding: 1rem; }
.navbar-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.menu { display: flex; list-style: none; gap: 1rem; z-index: 1000; }
.menu > li { position: relative; }
.menu a { color: #333; text-decoration: none; padding: 0.5rem 1rem; display: block; }
.menu a:hover { background-color: #007a6f; color: #fff; }
.submenu { display: none; position: absolute; background-color: #e9c46b; list-style: none; min-width: 200px; z-index: 1001; }
.menu li:hover > .submenu { display: block; }
.hamburger { display: none; }
/* Mobile styles - simplified */
@media (max-width: 800px) {
    .hamburger { display: none; width: 40px; height: 40px; background: none; border: 2px solid #e9c46b;  border-radius: 4px;
    cursor: pointer; padding: 8px; position: relative;}

.hamburger span { display: block; width: 20px; height: 3px; background-color: #e9c46b; position: absolute; left: 50%;
    transform: translateX(-50%);  transition: all 0.3s ease;}

.hamburger span:nth-child(1) { top: 8px; }
.hamburger span:nth-child(2) { top: 16px; }
.hamburger span:nth-child(3) { top: 24px; }

@media (max-width: 800px) {
    .hamburger { display: block; }
}
    .menu { display: none; flex-direction: column;  width: 70%; position: absolute; top: 86px; left: 50px; background-color: #001935; }
    .menu.active { display: flex; }
    .menu > li { width: 100%; }

    /* Hide submenus completely on mobile */
    .submenu { display: none !important; }
    .menu li:hover > .submenu { display: none !important; }

    /* Make main links clearly clickable */
    .menu > li > a { padding: 12px !important; font-weight: 600 !important; }
}