/**
 * 详情页 Banner 样式 - 简洁版
 * 
 * 为文章详情页提供简洁的 Banner 样式
 * 无模糊遮罩，深色文字，清晰可读
 * 
 * @package Corporate_Theme
 * @since 1.0.0
 */

/* ==========================================================================
   文章详情页 Banner - 简洁版本（无模糊遮罩）
   ========================================================================== */

.single-post .post-header {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 50%, #0d47a1 100%) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* 确保内容在最上层 */
.single-post .post-header .container {
    position: relative !important;
    z-index: 10 !important;
}

/* 白色文字 + 优雅阴影 */
.single-post .post-header h1,
.single-post .post-header .post-title {
    position: relative !important;
    z-index: 10 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    font-weight: 700 !important;
}

/* 元信息 - 白色文字 */
.single-post .post-header .post-meta {
    position: relative !important;
    z-index: 10 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

.single-post .post-header .post-meta a {
    color: rgba(255, 255, 255, 0.95) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.single-post .post-header .post-meta a:hover {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* 面包屑 - 白色文字 */
.single-post .post-header .breadcrumb {
    position: relative !important;
    z-index: 10 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

.single-post .post-header .breadcrumb a {
    color: rgba(255, 255, 255, 0.9) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.single-post .post-header .breadcrumb a:hover {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

.single-post .post-header .breadcrumb .separator {
    color: rgba(255, 255, 255, 0.7) !important;
}

.single-post .post-header .breadcrumb .current {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 图标优化 */
.single-post .post-header .dashicons {
    color: rgba(255, 255, 255, 0.95) !important;
    filter: none !important;
}

/* ==========================================================================
   响应式优化
   ========================================================================== */

@media (max-width: 768px) {
    /* 移动端优化 */
    .single-post .post-header {
        background-position: center center !important;
    }
}

@media (max-width: 480px) {
    /* 小屏幕优化 */
    .single-post .post-header {
        background-position: center center !important;
    }
}

/* ==========================================================================
   浏览器兼容性
   ========================================================================== */

/* 保留用于未来扩展 */

/* ==========================================================================
   打印样式
   ========================================================================== */

@media print {
    .single-post .post-header {
        background: #ffffff !important;
    }
    
    .single-post .post-header h1,
    .single-post .post-header .post-title,
    .single-post .post-header .post-meta,
    .single-post .post-header .breadcrumb {
        color: #000000 !important;
        text-shadow: none !important;
    }
}


/* ==========================================================================
   整体性优化 - 简洁版本
   ========================================================================== */

/* Banner 区域 */
.single-post .post-header {
    margin-bottom: 40px !important;
    padding-bottom: 60px !important;
    position: relative !important;
}

/* 内容区域 */
.single-post .post-content-wrapper {
    background: #ffffff !important;
    position: relative !important;
}

/* 内容容器 */
.single-post .post-content-wrapper .container {
    background: transparent !important;
    padding: 0 56px 48px 56px !important;
}

/* 特色图片 */
.single-post .post-featured-image {
    margin-bottom: 40px !important;
    position: relative !important;
}

.single-post .post-featured-image .container {
    background: transparent !important;
    padding: 0 56px !important;
}

.single-post .post-featured-image img {
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(25, 118, 210, 0.08) !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.4s ease !important;
}

.single-post .post-featured-image img:hover {
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(25, 118, 210, 0.12) !important;
    transform: translateY(-2px) !important;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .single-post .post-header {
        padding-bottom: 50px !important;
        margin-bottom: 30px !important;
    }
    
    .single-post .post-content-wrapper .container {
        padding: 0 32px 36px 32px !important;
    }
    
    .single-post .post-featured-image {
        margin-bottom: 30px !important;
    }
    
    .single-post .post-featured-image .container {
        padding: 0 32px !important;
    }
    
    .single-post .post-featured-image img {
        border-radius: 10px !important;
    }
}

@media (max-width: 480px) {
    .single-post .post-header {
        padding-bottom: 40px !important;
        margin-bottom: 24px !important;
    }
    
    .single-post .post-content-wrapper .container {
        padding: 0 24px 28px 24px !important;
    }
    
    .single-post .post-featured-image {
        margin-bottom: 24px !important;
    }
    
    .single-post .post-featured-image .container {
        padding: 0 24px !important;
    }
    
    .single-post .post-featured-image img {
        border-radius: 8px !important;
    }
}