/* 
 * 云南震序律师事务所网站 - 案例详情页面响应式样式
 */

/* 移动端适配 (从 case.html 迁移) */
@media screen and (max-width: 768px) {
    .banner {
        height: 300px !important;
        margin-top: 60px !important;
        background-size: cover !important;
    }
    .banner-content {
        text-align: center !important;
        padding: 0 15px !important;
        top: 30px !important;
    }
    .banner-content h2 {
        font-size: 28px !important;
        margin-bottom: 5px !important;
    }
    .banner-content div[style*="font-size: 24px"] {
        font-size: 16px !important;
        margin-bottom: 15px !important;
        position: relative !important;
    }
    .banner-content div[style*="font-size: 24px"]::after {
        content: "" !important;
        display: block !important;
        width: 320px !important;
        height: 1px !important;
        background-color: #ffffff !important;
        margin: 15px auto 15px !important;
    }
    .banner-content h1 {
        font-size: 22px !important;
        margin-bottom: 20px !important;
        line-height: 1.4 !important;
    }
    .banner-content div[style*="display: flex"] {
        justify-content: center !important;
    }
    .banner-content div[style*="display: flex"] span[style*="font-size: 42px"] {
        font-size: 24px !important;
    }
    .banner-content div[style*="display: flex"] span[style*="font-size: 22px"] {
        font-size: 14px !important;
    }
    
    /* 内容容器适配 */
    .container[style*="padding: 0px 0"] {
        padding: 0 !important;
    }
    
    /* 内容区域适配 */
    div[style*="background-color: #ffffff"] {
        padding-top: 25px !important;
        padding-right: 15px !important;
        padding-bottom: 25px !important;
        padding-left: 15px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
        margin-bottom: 15px !important;
    }
    
    /* 案例正文适配 */
    div[style*="text-align: justify"] {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
    
    /* 上下篇导航适配 */
    div[style*="display: flex; justify-content: space-between"] {
        flex-direction: column !important;
        padding: 0 0 30px !important;
    }
    
    div[style*="display: flex; flex-direction: column"] {
        margin-bottom: 15px !important;
        width: 100% !important;
    }
    
    div[style*="font-size: 20px"] {
        font-size: 16px !important;
        margin-bottom: 10px !important;
        max-width: 100% !important;
    }
    
    div[style*="font-size: 20px"] span {
        font-size: 16px !important;
    }
    
    /* 返回列表按钮适配 */
    div[style*="display: flex; justify-content: space-between"] > div:last-child {
        align-self: flex-start !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    a.back-to-list {
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
        font-size: 16px !important;
    }
    
    /* Row和Column适配 */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .col-md-10.offset-md-1 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* 隐藏原来的白色块并显示新的线条 */
    .white-line {
        display: none !important;
    }
}

/* 响应式调整 (从 page/case.css 迁移) */
@media (max-width: 991px) {
    .case-detail-page {
        padding-bottom: 60px;
    }
    
    .case-header h1 {
        font-size: 24px;
    }
    
    .related-case-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .case-detail-page {
        padding-bottom: 50px;
    }
    
    .case-header h1 {
        font-size: 20px;
    }
    
    .case-meta {
        font-size: 12px;
    }
    
    .case-nav {
        flex-direction: column;
    }
    
    .case-nav-item {
        max-width: 100%;
        margin-bottom: 10px;
    }
    
    .related-case-item {
        width: 100%;
        margin-bottom: 20px;
    }
}