/* 响应式菜单样式 */


/* 统一的移动端下拉菜单按钮样式 */
@media (max-width: 768px) {
    /* !! 恢复移动端汉堡按钮容器的显示 !! */
    .menu-toggle-container {
        display: flex !important; /* 覆盖 nav.css 中的 display: none */
        align-items: center !important; /* 确保内部按钮垂直居中 */
        height: 100%; /* 确保容器有高度 */
    }
    
    /* 移动端覆盖悬停效果 */
    .main-nav li:hover .dropdown-menu {
        display: none !important; /* 强制关闭悬停显示效果 */
    }
    
    /* 确保只在点击时显示子菜单 */
    .mobile-nav .submenu.show {
        display: block !important;
    }
    

    
}

/* Responsive adjustments for navigation at 991px and below */
@media (max-width: 991px) {
    /* Main navigation links */
    .main-nav > ul > li > a {
        font-size: 14px !important; /* Slightly reduce font size */
        padding-left: 8px !important;   /* Reduce horizontal padding */
        padding-right: 8px !important;  /* Reduce horizontal padding */
        white-space: nowrap; /* Prevent text wrapping, but be mindful of overflow if space is too tight */
    }

    /* Navigation list items */
    .main-nav > ul > li {
        margin-left: 5px !important;  /* Reduce space between nav items */
        margin-right: 5px !important; /* Reduce space between nav items */
    }
}