/* Bổ sung cho chuyên mục giải pháp (template-parts/solution-*.php) và chi tiết
   bài giải pháp — những phần gather.css của bản gốc chưa có. */

/* Khối sản phẩm đề xuất khi không có khối Ứng dụng nền xám phía trên. */
.solution-reprod.com-block.is-alone{padding-top:90px}

/* Trang Case Study: hàng nút lọc theo chuyên mục con (cùng kiểu tab Ứng dụng). */
.all-case .case-filter{display:flex;justify-content:center;flex-wrap:wrap;margin:-20px 0 40px}
.all-case .case-filter li{margin:0 5px 10px}
.all-case .case-filter li a{display:block;border-radius:30px;font-size:16px;background:#fff;color:#464646;padding:10px 20px}
.all-case .case-filter li.active a,.all-case .case-filter li a:hover{background:#0075C9;color:#fff}
.all-case .case-empty{text-align:center;color:#666;font-size:16px}
.all-case .cont .item{background-position:center;overflow:hidden}

/* Tiêu đề tiếng Việt dài hơn bản gốc: bỏ kiểu đẩy margin-top của gather.css,
   neo chữ sát đáy ô và cắt tối đa 3 dòng (cùng cách .solution-success). */
.all-case .cont .item .script,#all-case .big-item .item .script{display:flex;flex-direction:column;justify-content:flex-end;height:75%;box-sizing:border-box;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 100%)}
.all-case .cont .item .script{padding:0 30px 46px}
.all-case .cont .item .script .tit,#all-case .big-item .item .script .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-size:20px;line-height:1.4;transition:transform .3s ease-out}
.all-case .cont .item .script i.right{left:30px;bottom:20px}
.all-case .cont .item a:hover .script .tit,#all-case .big-item .item a:hover .script .tit{margin-top:0;transform:translateY(-6px)}

#all-case .big-item .cont .item{overflow:hidden;background-position:center}
#all-case .big-item .item .script{padding:0 43px 70px}
#all-case .big-item .item .script .tip{margin:0 0 8px;font-size:16px;transition:transform .3s ease-out}
#all-case .big-item .item .script .tit{font-size:24px}
#all-case .big-item .item .script i.right{bottom:36px}
#all-case .big-item .item a:hover .script .tip{margin-top:0;transform:translateY(-6px)}

/* Chi tiết bài: khối sản phẩm đề xuất nối tiếp nền xám của .article */
.article + .solution-reprod{background:#efefef}

@media (max-width:768px){
    .solution-reprod.com-block.is-alone{padding-top:40px}
    .all-case .case-filter{margin-top:0}
    .all-case .case-filter li a{font-size:14px;padding:8px 15px}
    .all-case .cont .item{width:100%;margin-right:0}
    .all-case .cont .item .script{padding:0 20px 40px}
    .all-case .cont .item .script i.right{left:20px;bottom:16px}
    .all-case .cont .item .script .tit{font-size:17px}
    #all-case .big-item .item .script{padding:0 20px 50px}
    #all-case .big-item .item .script i.right{left:20px;bottom:22px}
    #all-case .big-item .item .script .tit{font-size:19px}
}