/* ==========================================
 *  歌润地板网站 - CSS修复补丁
 *  修复内容：
 *  1. 导航栏文字遮挡问题
 *  2. 内容区域与导航栏重叠问题
 *  3. 移动端导航栏适配
 * ========================================== */

/* --- 修复1: 确保固定导航栏在最顶层 --- */
.navbar-fixed-top {
    z-index: 1030 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
}

/* --- 修复2: 确保导航栏文字不被截断 --- */
.navbar-nav.navbar-right {
    height: auto !important;
    min-height: 90px;
}

.navbar-nav.navbar-right > li {
    height: auto !important;
    min-height: 45px;
    padding: 25px 0 0 0;
}

.navbar-nav.navbar-right > li > a {
    line-height: 24px;
    padding: 8px 15px 5px 15px;
}

/* --- 修复3: 页面头部留足空间防止被导航栏遮挡 --- */
.page-header-wrapper,
.page-header-wrapper1,
.page-header-wrapper2 {
    margin-top: 110px !important;
}

@media (max-width: 767px) {
    .page-header-wrapper,
    .page-header-wrapper1,
    .page-header-wrapper2 {
        margin-top: 70px !important;
    }
    
    .navbar-nav.navbar-right > li {
        padding: 0;
    }
}

/* --- 修复4: 防止content-wrapper上移导致重叠 --- */
@media (min-width: 768px) {
    .content-wrapper {
        top: -60px;
    }
}

/* --- 修复5: 确保hero-slide不被遮挡 --- */
.hero-slide {
    position: relative;
    z-index: 1;
}

.hero-slide .carousel-caption h1 {
    word-break: break-word;
}

/* --- 修复6: 导航栏offcanvas兼容 --- */
.st-content {
    position: relative;
}

.st-content-inner {
    position: relative;
}

/* --- 修复7: 产品中心筛选按钮优化 --- */
#filter a {
    transition: all 0.3s ease;
}

#filter a.active {
    background: #fcbb3c !important;
    color: #fff !important;
    border-color: #fcbb3c !important;
}

#filter a:hover {
    background: #f0f0f0;
    border-color: #fcbb3c;
    color: #fcbb3c;
}