/* 导航栏修复 - 搜索按钮折叠问题 */

/* 修复导航栏在移动端折叠后搜索框和按钮不可见的问题 */
.navbar-collapse .d-flex {
    flex-wrap: nowrap;
}

/* 搜索表单在移动端的适配 */
@media (max-width: 991.98px) {
    .navbar-collapse .d-flex {
        margin-top: 0.75rem;
        width: 100%;
    }
    
    .navbar-collapse .d-flex .form-control {
        flex: 1;
        min-width: 0;
    }
    
    .navbar-collapse .d-flex .btn {
        white-space: nowrap;
    }
}

/* 搜索框样式优化 */
.navbar .form-control {
    max-width: 200px;
    transition: max-width 0.3s ease;
}

.navbar .form-control:focus {
    max-width: 300px;
}

@media (max-width: 991.98px) {
    .navbar .form-control {
        max-width: none;
    }
}

/* 确保导航栏折叠按钮正确显示 */
.navbar-toggler {
    border: none;
    padding: 0.5rem 0.75rem;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* 下拉菜单在移动端全宽 */
@media (max-width: 991.98px) {
    .dropdown-menu {
        border: none;
        box-shadow: none;
        background: transparent;
    }
    
    .dropdown-item:hover,
    .dropdown-item:focus {
        background-color: rgba(13, 110, 253, 0.1);
    }
}