/*!
 * redesign-chung.css — phần DÙNG CHUNG của các trang dựng bằng Theme Builder.
 *
 * Gồm khung .lb-explore/.lb-fg, thẻ Post Cards, lề mobile, và khối CTA cuối
 * trang + form. Đây là những rule mà HAI section trở lên cùng dùng, nên để riêng
 * một file thay vì chép lại trong từng file trang.
 *
 * Vì sao thẻ Post Cards nằm ở đây dù đầu đề gốc ghi "Kham pha (Figma 154-443)":
 * selector là .lb-explore .fusion-post-cards, không bám gì riêng của Khám phá,
 * và 5/7 section redesign đều có Post Cards. Xếp theo đầu đề thì Newsroom sẽ mất
 * sạch kiểu thẻ.
 *
 * Nạp khi nội dung đang dựng có lớp lb-explore hoặc lb-fg.
 */

/* ===== LIBERO REDESIGN — khop Figma (tu dong) ===== */
body .lb-fg .fusion-row{max-width:1200px!important}
body .lb-fg .lb-aside{position:sticky!important;top:110px!important;align-self:flex-start!important}
body .lb-fg .fusion-title h1,body .lb-fg .fusion-title h2,body .lb-fg .fusion-title h3,body .lb-fg .fusion-title h4{text-transform:none!important;letter-spacing:0!important}
body .lb-fg .fusion-panel .panel-title,body .lb-fg .fusion-panel .panel-title a{color:#1B1B38!important}
body .lb-fg .fusion-button{text-transform:none!important;letter-spacing:0!important}

/* --- Mobile: khong de noi dung sat khung (Avada ep 10px o max-width 800) --- */
@media (max-width:800px){
body .lb-fg.fusion-fullwidth{padding-left:20px!important;padding-right:20px!important}
body .lb-fg.fusion-fullwidth .fusion-row{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
}


/* --- Kham pha (Figma 154-443) --- */
body .lb-explore .fusion-post-cards > ul{align-items:stretch!important;gap:32px!important;margin:0!important;padding:0!important;width:100%!important}
body .lb-explore .fusion-post-cards > ul > li{display:flex!important;height:auto!important;margin:0!important;padding:0!important;max-width:none!important}
body .lb-explore .fusion-post-cards.fusion-grid-columns-1 > ul > li{width:100%!important}
body .lb-explore .fusion-post-cards.fusion-grid-columns-3 > ul > li{width:calc((100% - 64px)/3)!important}
body .lb-explore .fusion-post-cards.fusion-grid-columns-4 > ul{gap:21px!important}
body .lb-explore .fusion-post-cards.fusion-grid-columns-4 > ul > li{width:calc((100% - 63px)/4)!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper{position:relative!important;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}
/* the co anh */
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) {padding:0 0 12px!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) .fusion-post-card-image{margin:0 0 12px!important;background:#F1EDE5!important;aspect-ratio:378/193!important;overflow:hidden!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) .fusion-post-card-image .fusion-image-wrapper,body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) .fusion-post-card-image a{display:block!important;width:100%!important;height:100%!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) .fusion-post-card-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:nth-child(2){position:absolute!important;top:16px!important;left:16px!important;right:auto!important;margin:0!important;padding:0!important;z-index:5}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:nth-child(2) > div{display:inline-block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:nth-child(2) > div:nth-child(2){display:none!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:nth-child(2) .fusion-column-wrapper{display:inline-block!important;width:auto!important;background:#fff!important;border-radius:6px!important;padding:5px 10px!important;box-shadow:0 1px 3px rgba(0,0,0,.14)!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:nth-child(2) .fusion-text{margin:0!important;padding:0!important;min-height:0!important;font-size:13px!important;line-height:18px!important;font-weight:500!important;color:#1B1B38!important;white-space:nowrap!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:nth-child(2):has(.fusion-text:empty){display:none!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > .fusion-title{padding:0 12px!important;margin:0 0 6px!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > .fusion-title > *{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-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > .fusion-text{padding:0 12px!important;margin:0 0 12px!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-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > .fusion-separator{margin:auto 12px 0!important;width:calc(100% - 24px)!important;max-width:none!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:last-child{display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;width:100%!important;margin:0!important;padding:12px 12px 0!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:last-child > div{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;flex:0 0 auto!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:last-child .fusion-text{margin:0!important;padding:0!important;min-height:0!important;white-space:nowrap!important;font-size:14px!important;line-height:1.4!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:last-child > div:first-child .fusion-text{color:#1B1B38!important;font-weight:600!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:last-child > div:last-child .fusion-text,body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:has(> .fusion-post-card-image) > div:last-child a{color:#E8354A!important;font-weight:700!important;white-space:nowrap!important}
/* the tai lieu (khong anh, co icon) */
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) {padding:16px!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) > div:first-child{margin:0 0 12px!important;width:auto!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) > div:first-child > div{width:auto!important;margin:0!important;padding:0!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) .fb-icon-element{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:10px!important;background:#FDEDEF!important;color:#E8354A!important;font-size:18px!important;margin:0!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) > .fusion-title{margin:0 0 8px!important;padding:0!important}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) > .fusion-title > *{font-size:17px!important;line-height:1.3!important;color:#1B1B38!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}
body .lb-explore .fusion-post-cards > ul > li > .fusion-column-wrapper:not(:has(> .fusion-post-card-image)) > .fusion-text{margin:auto 0 0!important;padding:0!important;font-size:13px!important;line-height:1.4!important;color:#8A8A9E!important}
@media (max-width:1024px){body .lb-explore .fusion-post-cards.fusion-grid-columns-3 > ul > li,body .lb-explore .fusion-post-cards.fusion-grid-columns-4 > ul > li{width:calc((100% - 32px)/2)!important}}
@media (max-width:640px){body .lb-explore .fusion-post-cards.fusion-grid-columns-3 > ul > li,body .lb-explore .fusion-post-cards.fusion-grid-columns-4 > ul > li,body .lb-explore .fusion-post-cards.fusion-grid-columns-1 > ul > li,body .lb-explore .fusion-post-cards > ul > li{width:100%!important}}


/* dong deu chieu cao cac cot trong row long nhau */
body .lb-explore .fusion-builder-row-inner{align-items:stretch!important}
body .lb-explore .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper{height:100%!important}


/* --- CTA cuoi + form CF7 (Figma: the toi, 2 cot ho ten/sdt) --- */
body:has(.lb-fg) #main{padding-bottom:0!important}
body .lb-cta .fusion-column-wrapper{background:transparent!important}
body .lb-cta .fusion-layout-column:has(.wpcf7) > .fusion-column-wrapper{background:#16163A!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;padding:32px!important;box-sizing:border-box!important}
body .lb-cta .wpcf7{background:transparent!important;padding:0!important;border:0!important}
body .lb-cta .lb-form__row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body .lb-cta .lb-form__field{margin-bottom:16px!important}
body .lb-cta .wpcf7 label{display:block!important;color:#fff!important;font-size:15px!important;font-weight:500!important;margin-bottom:8px!important}
body .lb-cta .wpcf7 .wpcf7-not-valid-tip{color:#FF8A8A!important}
body .lb-cta .wpcf7 input[type=text],body .lb-cta .wpcf7 input[type=tel],body .lb-cta .wpcf7 input[type=email],body .lb-cta .wpcf7 textarea{width:100%!important;box-sizing:border-box!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:8px!important;color:#fff!important;height:48px!important;padding:0 14px!important;font-size:15px!important;box-shadow:none!important}
body .lb-cta .wpcf7 textarea{height:120px!important;padding:12px 14px!important}
body .lb-cta .wpcf7 ::placeholder{color:rgba(255,255,255,.45)!important;opacity:1}
body .lb-cta .wpcf7 input[type=submit]{width:100%!important;height:52px!important;border-radius:8px!important;background:#E8354A!important;border:0!important;color:#fff!important;font-size:16px!important;font-weight:700!important;margin-top:8px!important}
body .lb-cta .lb-form__note{text-align:center!important;color:rgba(255,255,255,.6)!important;font-size:14px!important;margin:12px 0 0!important}
body .lb-cta .fusion-layout-column:has(.wpcf7) .fusion-text,body .lb-cta .fusion-layout-column:has(.wpcf7) .fusion-text *{color:#fff!important}
body .lb-cta .fusion-layout-column:has(.wpcf7) .fusion-text:first-of-type p{font-size:15px!important;font-weight:400!important;line-height:1.5!important;margin:0 0 6px!important;color:rgba(255,255,255,.7)!important}
body .lb-cta .fusion-layout-column:has(.wpcf7) .fusion-text:first-of-type p:first-child{font-size:26px!important;font-weight:700!important;line-height:1.25!important;margin:0 0 6px!important;color:#fff!important}