/*!
 * giai-phap.css — lưới "Danh sách Giải pháp" (Figma 197-1810).
 *
 * Markup do element libero_giai_phap_ds sinh, nên CSS ở đây chỉ tạo hình chứ
 * không phải giành quyền với cấu trúc của Avada: gần như không cần !important.
 *
 * Số đo Figma:
 *   hàng 1203, 3 cột, gap 32  ->  thẻ 379,67
 *   thẻ bo 13, viền 1px #E7E3DA, nền trắng, đệm đáy 8
 *   ảnh 193 · cách chữ 12
 *   tiêu đề 20/25 đậm #1B1B38, chừa 2 dòng · cách mô tả 6
 *   mô tả 14/1,35 #5A5A6E, chừa 2 dòng · cách nút 17
 *   nút cao 48, bo 8, chữ 14 — phụ viền #D8D8E2, chính nền #FF3251
 *   phân trang ô 32x35 bo 8, gap 8, cách lưới 32, ô hiện tại #E8354A
 */

.lb-gp{max-width:1203px;margin:0 auto}

.lb-gp__ds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}

.lb-gp__the{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E7E3DA;
  border-radius:13px;overflow:hidden;padding-bottom:8px}

.lb-gp__anh{display:block;height:193px;background:#F1EDE5;margin-bottom:12px;overflow:hidden}
.lb-gp__anh .lb-gp__img{display:block;width:100%;height:100%;object-fit:cover}

.lb-gp__than{padding:0 12px}
.lb-gp__ten{margin:0 0 6px;min-height:50px;font-family: var(--lb-font-sans);font-weight:700;
  font-size:20px;line-height:25px;color:#1B1B38;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-gp__ten a{color:inherit;text-decoration:none}
.lb-gp__ten a:hover{color:#FF3251}

.lb-gp__mo-ta{margin:0 0 17px;min-height:38px;font-family: var(--lb-font-sans);
  font-size:14px;line-height:1.35;color:#5A5A6E;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Nhóm nút ghim xuống đáy để mọi thẻ trong hàng thẳng nhau dù chữ dài ngắn khác nhau. */
.lb-gp__nut{margin-top:auto;padding:12px 12px 0;border-top:1px solid #E7E3DA;
  display:flex;flex-direction:column;gap:8px}

.lb-gp__nut-phu,.lb-gp__nut-chinh{display:flex;align-items:center;justify-content:center;
  height:48px;border-radius:8px;font-family: var(--lb-font-sans);font-size:14px;font-weight:600;
  text-decoration:none;box-sizing:border-box}
.lb-gp__nut-phu{border:1px solid #D8D8E2;color:#1B1B38;background:transparent}
.lb-gp__nut-phu:hover{border-color:#1B1B38}
.lb-gp__nut-chinh{background:#FF3251;color:#FFFFFF;border:0}
.lb-gp__nut-chinh:hover{background:#E52943;color:#FFFFFF}

/* ---- Phân trang ---- */
.lb-gp__trang{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px}
.lb-gp__trang-o{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-width:32px;height:35px;padding:0 8px;border:1px solid #E7E3DA;border-radius:8px;background:#FFFFFF;
  color:#1B1B38;font-family: var(--lb-font-sans);font-size:15px;font-weight:500;line-height:1;text-decoration:none}
.lb-gp__trang-o:hover{border-color:#1B1B38;color:#1B1B38}
.lb-gp__trang-o--hien{background:#E8354A;border-color:#E8354A;color:#FFFFFF}
.lb-gp__trang-cham{color:#8A8A99;padding:0 2px}

.lb-gp--trong p{margin:0;font-family: var(--lb-font-sans);font-size:16px;color:#5A5A6E}

/* Mọi khối

/* Trang rỗng khi bộ lọc không khớp gì — phải có đường thoát, không thì ngõ cụt. */
.lb-gp--trong{padding:48px 0;text-align:center;color:#5A5A6E;font-size:15px;line-height:1.6}
.lb-gp--trong p{margin:0 0 12px}
.lb-gp--trong p:last-child{margin:0}
.lb-gp__xoa-loc{display:inline-block;padding:12px 24px;border:1px solid #D8D8E2;border-radius:8px;font-size:14px;font-weight:600;color:#1B1B38;text-decoration:none}
.lb-gp__xoa-loc:hover{border-color:#FF3251;color:#FF3251}

@media đặt ở CUỐI — media query không cộng độ ưu tiên, rule đứng sau thắng. */
@media (max-width:1024px){
  .lb-gp__ds{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width:640px){
  .lb-gp__ds{grid-template-columns:1fr}
}

/*
 * Kiểu chữ tiêu đề thẻ phải mạnh hơn typography chung của Avada.
 *
 * Avada đặt cỡ và độ đậm cho h3 bằng rule `.fusion-body #main … h3` — có ID nên
 * độ ưu tiên ≥ (1,1,1), trong khi `.lb-gp__ten` chỉ (0,1,0). Kết quả: tiêu đề ra
 * 30px/39px weight 400 thay vì 20px/25px weight 700, và thẻ cao 474 thay vì 447.
 *
 * Dùng !important cho đúng ba thuộc tính chữ, thay vì chèn #main vào selector:
 * #main là wrapper của Avada, bám vào nó thì element mang theo giả định về nơi
 * nó được đặt. Ba dòng này là toàn bộ !important của file.
 */
.lb-gp__ten{font-size:20px!important;line-height:25px!important;font-weight:700!important}