/*!
 * tb-giai-phap.css — riêng section "Libero · Giải pháp" (21649).
 * Figma 197-1810. Nạp khi nội dung có lớp lb-solutions.
 */

/* --- Giai phap (Figma 197-1810) --- */
body .lb-solutions{background:#FDFBF7}
body .lb-solutions .fusion-post-cards > ul{align-items:stretch!important;gap:26px 32px!important}
body .lb-solutions .fusion-post-cards > ul > li{display:flex!important;height:auto!important;margin:0!important;padding:0!important;width:calc((100% - 64px)/3)!important;max-width:none!important}
body .lb-solutions .fusion-post-cards > ul > li > .fusion-column-wrapper{display:flex!important;flex-direction:column!important;width:100%!important;background:#fff!important;border:1px solid #E7E3DA!important;border-radius:13px!important;overflow:hidden!important;padding:0 0 8px!important}
body .lb-solutions .fusion-post-card-image{margin:0 0 12px!important;background:#F1EDE5!important;aspect-ratio:380/193!important;overflow:hidden!important}
body .lb-solutions .fusion-post-card-image .fusion-image-wrapper,body .lb-solutions .fusion-post-card-image a{display:block!important;width:100%!important;height:100%!important}
body .lb-solutions .fusion-post-card-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body .lb-solutions .fusion-post-cards .fusion-title{padding:0 12px!important;margin:0 0 6px!important}
body .lb-solutions .fusion-post-cards .fusion-title h4{font-family:var(--lb-font-sans)!important;font-size:20px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:0!important;color:#1B1B38!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}
body .lb-solutions .fusion-post-cards .fusion-text{padding:0 12px!important;margin:0 0 17px!important;font-size:14px!important;line-height:1.35!important;color:#5A5A6E!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
body .lb-solutions .fusion-post-cards .fusion-column-wrapper > div:nth-last-child(2){margin-top:auto!important;border-top:1px solid #E7E3DA!important;padding:12px 12px 0!important;box-sizing:border-box!important}
body .lb-solutions .fusion-post-cards .fusion-column-wrapper > div:last-child{padding:8px 12px 0!important;box-sizing:border-box!important}
body .lb-solutions .fusion-post-cards .fusion-button{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:center!important;height:48px!important;line-height:46px!important;font-size:14px!important;border-radius:8px!important;--button-border-radius-top-left:8px;--button-border-radius-top-right:8px;--button-border-radius-bottom-right:8px;--button-border-radius-bottom-left:8px;--button_border_color:#1B1B38}
@media (max-width:1024px){body .lb-solutions .fusion-post-cards > ul > li{width:calc((100% - 32px)/2)!important}}
@media (max-width:640px){body .lb-solutions .fusion-post-cards > ul > li{width:100%!important}}


/* --- Giai phap: phan trang (Figma Frame 456: o 32x35, gap 8, radius 8) --- */
body .lb-solutions .fusion-post-cards > ul{margin:0!important;padding:0!important;width:100%!important}
body .lb-solutions .fusion-post-cards .pagination{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:32px 0 0!important;padding:0!important;float:none!important}
body .lb-solutions .fusion-post-cards .pagination > *{float:none!important;margin:0!important}
body .lb-solutions .fusion-post-cards .pagination .current,body .lb-solutions .fusion-post-cards .pagination a{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:32px!important;width:auto!important;height:35px!important;padding:0 8px!important;border:1px solid #E7E3DA!important;border-radius:8px!important;background:#fff!important;color:#1B1B38!important;font-size:15px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important}
body .lb-solutions .fusion-post-cards .pagination .current{background:#E8354A!important;border-color:#E8354A!important;color:#fff!important}
body .lb-solutions .fusion-post-cards .pagination .pagination-dots{border:0!important;background:none!important;min-width:16px!important;color:#8A8A9E!important}
body .lb-solutions .fusion-post-cards .pagination .page-text,body .lb-solutions .fusion-post-cards .pagination .page-prev,body .lb-solutions .fusion-post-cards .pagination .page-next{display:none!important}
body .lb-solutions .fusion-post-cards .pagination .pagination-prev::before{content:'\2039'}
body .lb-solutions .fusion-post-cards .pagination .pagination-next::after{content:'\203A'}
body .lb-solutions .fusion-post-cards .pagination .pagination-prev::before,body .lb-solutions .fusion-post-cards .pagination .pagination-next::after{position:static!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:20px!important;line-height:1!important;color:inherit!important}

/* --- Giai phap: mui ten phan trang ve bang border (glyph 2039/203A bi lech len tren) --- */
body .lb-solutions .fusion-post-cards .pagination .pagination-prev::before,body .lb-solutions .fusion-post-cards .pagination .pagination-next::after{content:''!important;display:block!important;box-sizing:border-box!important;width:8px!important;height:8px!important;border-top:1.5px solid currentColor!important;border-right:1.5px solid currentColor!important;border-bottom:0!important;border-left:0!important;font-size:0!important;line-height:0!important;position:static!important;padding:0!important}
body .lb-solutions .fusion-post-cards .pagination .pagination-next::after{transform:rotate(45deg)!important;margin:0 4px 0 0!important}
body .lb-solutions .fusion-post-cards .pagination .pagination-prev::before{transform:rotate(-135deg)!important;margin:0 0 0 4px!important}

/* ============================================================
 * Bề ngang cột nội dung — Figma "Giải pháp" (197-1810)
 *
 * Figma: hàng thẻ 1203 rộng, đặt ở Left 198 trong khung 1600 (1600 - 198*2 =
 * 1204). Thẻ = (1203 - 2*32) / 3 = 379,67.
 *
 * Trên web .fusion-row của Avada ra 1160 và lưới bên trong còn 1115,5 vì cột và
 * column-wrapper mỗi lớp ăn thêm một ít lề — thẻ tụt xuống 350,5. Ép cả chuỗi về
 * đúng 1203 thì công thức calc sẵn có tự cho ra 379,67 mà không phải sửa.
 * ============================================================ */
body .lb-solutions > .fusion-row{max-width:1203px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
body .lb-solutions > .fusion-row > .fusion-layout-column{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;flex:1 1 100%!important}
body .lb-solutions > .fusion-row > .fusion-layout-column > .fusion-column-wrapper{width:100%!important;margin:0!important;padding:0!important}
body .lb-solutions .fusion-post-cards{width:100%!important;margin:0!important;padding:0!important}

/*
 * Va chạm với CSS legacy: khối "NewSite" còn trong Avada > Theme Options có rule
 *
 *   .page-id-21294 ... .page-id-21296 .fusion-fullwidth > .fusion-builder-row
 *       { max-width: 1160px !important }
 *
 * Trang Giải pháp chính là page 21296 nên rule đó áp vào, và nó mạnh hơn
 * (0,3,0) so với (0,2,1) của rule bên trên — cột nội dung bị ghim ở 1160 thay vì
 * 1203, thẻ tụt từ 379,7 xuống 365,3.
 *
 * Thêm hai lớp vào selector cho đủ (0,4,1). Không sửa rule legacy vì nó còn phục
 * vụ các trang demo khác; khi nào dọn xong khối legacy thì bỏ đoạn này đi.
 */
body .lb-solutions.fusion-fullwidth > .fusion-row.fusion-builder-row{max-width:1203px!important}