/**
 * Banner 高度统一调整
 * 让所有页面的 Banner 区域保持与首页一致的视觉比例
 * 
 * @package Corporate_Theme
 * @since 1.0.0
 */

/* ==========================================================================
   首页 Hero Section - 参考标准
   ========================================================================== */
.hero-section {
    min-height: 500px;
    padding: 6rem 0;
}

/* ==========================================================================
   产品列表页 & 产品分类页 & 产品标签页 - Archive Hero
   ========================================================================== */
.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 {
    min-height: 400px;
    padding: 5rem 0 4rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   产品详情页 - Product Hero
   ========================================================================== */
.single-product .product-hero {
    min-height: 450px;
    padding: 5rem 0 4rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   新闻列表页 - Page Header
   ========================================================================== */
.archive-news .page-header {
    min-height: 350px;
    padding: 4.5rem 0 3.5rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   新闻详情页 - Post Header
   ========================================================================== */
.single-post .post-header {
    min-height: 350px;
    padding: 4.5rem 0 3.5rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   关于我们页 - Page Hero
   ========================================================================== */
.page-about .page-hero {
    min-height: 400px;
    padding: 5rem 0 4rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   联系我们页 - Page Hero
   ========================================================================== */
.page-contact .page-hero {
    min-height: 400px;
    padding: 5rem 0 4rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   解决方案详情页 - Solution Hero
   ========================================================================== */
.single-solution .solution-hero {
    min-height: 400px;
    padding: 5rem 0 4rem;
    /* 支持背景图片 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* ==========================================================================
   响应式调整 - 移动端
   ========================================================================== */

/* 平板 */
@media (max-width: 1024px) {
    .hero-section {
        min-height: 450px;
        padding: 5rem 0;
    }
    
    .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,
    .single-product .product-hero,
    .page-about .page-hero,
    .page-contact .page-hero,
    .single-solution .solution-hero {
        min-height: 350px;
        padding: 4rem 0 3rem;
    }
    
    .archive-news .page-header,
    .single-post .post-header {
        min-height: 300px;
        padding: 3.5rem 0 2.5rem;
    }
}

/* 手机 */
@media (max-width: 768px) {
    .hero-section {
        min-height: 400px;
        padding: 4rem 0;
    }
    
    .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,
    .single-product .product-hero,
    .page-about .page-hero,
    .page-contact .page-hero,
    .single-solution .solution-hero {
        min-height: 300px;
        padding: 3rem 0 2rem;
    }
    
    .archive-news .page-header,
    .single-post .post-header {
        min-height: 250px;
        padding: 3rem 0 2rem;
    }
}

/* 小手机 */
@media (max-width: 480px) {
    .hero-section {
        min-height: 350px;
        padding: 3rem 0;
    }
    
    .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,
    .single-product .product-hero,
    .page-about .page-hero,
    .page-contact .page-hero,
    .single-solution .solution-hero {
        min-height: 250px;
        padding: 2.5rem 0 1.5rem;
    }
    
    .archive-news .page-header,
    .single-post .post-header {
        min-height: 200px;
        padding: 2.5rem 0 1.5rem;
    }
}

/* ==========================================================================
   确保内容在遮罩之上
   ========================================================================== */
.archive-hero .container,
.product-hero .container,
.page-header .container,
.post-header .container,
.page-hero .container,
.solution-hero .container {
    position: relative;
    z-index: 2;
}

/* ==========================================================================
   遮罩层样式（当添加背景图片时）
   ========================================================================== */
.archive-hero::before,
.product-hero::before,
.page-header::before,
.post-header::before,
.page-hero::before,
.solution-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(25, 118, 210, 0.7);
    z-index: 1;
    pointer-events: none;
}

/* 如果没有背景图片，不显示遮罩 */
.hero-section::before {
    display: none;
}