/**
 * 导航栏修复样式
 * 修复PC端导航栏换行问题
 */

/* 移动端导航重置 */
@media (max-width: 768px) {
    .navbar .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .navbar-brand {
        flex: 0 0 auto;
    }
    
    .navbar-menu {
        display: none !important;
    }
    
    .navbar-menu.active {
        display: block !important;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: white !important;
        z-index: 1000 !important;
    }
    
    .mobile-menu-toggle {
        display: block !important;
        margin-left: auto;
    }
}

/* PC端导航栏不换行 */
@media (min-width: 769px) {
    .navbar {
        min-height: 60px;
    }
    
    .navbar .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    
    .navbar-brand {
        flex-shrink: 0;
        margin-right: auto;
    }
    
    .navbar-menu {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        flex: 1;
        margin-left: 30px;
    }
    
    .navbar-menu ul,
    .navbar-menu .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .navbar-menu .nav-item {
        display: inline-block !important;
        white-space: nowrap;
        margin: 0;
    }
    
    .navbar-menu .nav-link {
        display: inline-block !important;
        padding: 10px 15px;
        white-space: nowrap;
    }
    
    /* 防止下拉菜单导致换行 */
    .navbar-menu .dropdown {
        position: relative;
    }
    
    .navbar-menu .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        min-width: 160px;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        background-color: white;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: 0.25rem;
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.175);
    }
    
    .navbar-menu .dropdown:hover .dropdown-menu,
    .navbar-menu .dropdown-menu:hover {
        display: block;
    }
    
    .navbar-menu .dropdown-item {
        display: block;
        padding: 0.5rem 1.5rem;
        color: #212529;
        text-decoration: none;
        white-space: nowrap;
    }
    
    .navbar-menu .dropdown-item:hover {
        background-color: #f8f9fa;
        color: var(--primary-color);
    }
}

/* 移除Bootstrap的默认样式冲突 */
.navbar-nav {
    flex-direction: row !important;
}

.navbar-nav .nav-item {
    margin-bottom: 0 !important;
}

/* 确保在大屏幕上导航项保持水平 */
@media (min-width: 992px) {
    .navbar-menu .nav-link {
        padding: 10px 20px;
    }
}

@media (min-width: 1200px) {
    .navbar-menu .nav-link {
        padding: 10px 25px;
    }
}

/* 超大屏幕适配 */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}