/**
 * 修复归档页面导航栏被遮挡的问题
 * Fix Navigation Overlap on Archive Pages
 * 
 * @package Corporate_Theme
 */

/* ==========================================================================
   修复导航栏被 Hero 区域遮挡的问题
   ========================================================================== */

/* 确保 Hero 区域不会遮挡导航栏 */
.archive-hero,
.archive-hero-gradient,
.product-hero,
.page-hero {
    margin-top: 0 !important;
    padding-top: 4rem !important;
}

/* 产品归档页 */
.archive-product-new .archive-hero,
.archive-product-category .archive-hero,
.archive-product-tag .archive-hero,
.tax-product_category .archive-hero,
.tax-product_tag .archive-hero {
    margin-top: 0 !important;
    padding-top: 4rem !important;
}

/* 解决方案归档页 */
.archive-solution-new .archive-hero,
.archive-solution-new .archive-hero-gradient,
.tax-industry .archive-hero,
.tax-industry .archive-hero-gradient {
    margin-top: 0 !important;
    padding-top: 4rem !important;
}

/* 新闻资讯归档页 */
.blog .archive-hero,
.archive .archive-hero,
.category .archive-hero,
.tag .archive-hero {
    margin-top: 0 !important;
    padding-top: 4rem !important;
}

/* 确保导航栏始终在最上层 */
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* 确保主内容区域不被导航栏遮挡 */
.site-content {
    margin-top: 0 !important;
}

/* 确保 Hero 区域的背景图片和遮罩层不会影响导航栏 */
.archive-hero::before,
.archive-hero-gradient::before,
.product-hero::before,
.page-hero::before {
    top: 0 !important;
    z-index: 1 !important;
}

/* 确保 Hero 内容在遮罩层之上 */
.archive-hero .container,
.archive-hero-gradient .container,
.product-hero .container,
.page-hero .container {
    position: relative !important;
    z-index: 2 !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .archive-hero,
    .archive-hero-gradient,
    .product-hero,
    .page-hero {
        padding-top: 3rem !important;
    }
}

@media (max-width: 480px) {
    .archive-hero,
    .archive-hero-gradient,
    .product-hero,
    .page-hero {
        padding-top: 2.5rem !important;
    }
}