/*!
 * mang-luoi-chi-tiet.css — trang HỒ SƠ THÀNH VIÊN (single libero_chuyen_gia), Figma
 * "Mạng lưới / chi tiết" node 564-7010 (1600 x 2666). Section Theme Builder dựng bằng
 * container/column/title/text gốc của Avada, lớp lb-mlct-*; khối dữ liệu có điều kiện in
 * bằng [libero_ml_hoso] (inc/mangluoi-hoso.php). Không bám ID.
 *
 * Số đo: avada-newsite/26-dupcheck-mang-luoi-chi-tiet.md (17/09/2026):
 *   hero 460 #F8F8F8 viền dưới 10% · ảnh 188 @215,67 · cột chữ @425 · chip bo 24 pad 8/16 12/600
 *   tên Source Serif 25/500 · chức danh 16/24 #676673 · nút 50 bo 8 · kẻ @353 · chỉ số @369 gap 32
 *   thân: trái 783 @199 (H2 31.25 @644, tiểu sử 16/24, chip 12/500, mốc 419 gap 26) | phải 390 @1010
 *   thẻ bo 16 viền 10% bóng 0 0 44 #000 10% pad 25 · CTA 260 gradient #0F0F2E→#0C21AF
 *
 * !important vì Avada in kiểu bằng biến --awb-* inline. Chỉ dùng --lb-font-sans/serif (:root).
 */

/* ============================================================
 * Khung chung: cột 1200, huỷ máng cột của Avada (cùng cách với mang-luoi.css)
 * ============================================================ */
[class*="lb-mlct-"] > .fusion-row { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
[class*="lb-mlct-"] > .fusion-row > .fusion-layout-column { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; }
[class*="lb-mlct-"] > .fusion-row > .fusion-layout-column > .fusion-column-wrapper { margin: 0 !important; width: 100% !important; }
[class*="lb-mlct-"] .fusion-builder-row-inner { margin: 0 -2% !important; padding: 0 1.923% !important; box-sizing: border-box; }
[class*="lb-mlct-"] .fusion-builder-row-inner > .fusion-layout-column { width: auto !important; padding: 0 !important; margin: 0 !important; }
[class*="lb-mlct-"] .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper { margin: 0 !important; width: 100% !important; }
[class*="lb-mlct-"] .fusion-text p { margin: 0; }
[class*="lb-mlct-"] .fusion-title { margin: 0 !important; }
[class*="lb-mlct-"] .fusion-title .fusion-title-heading { margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; }
[class*="lb-mlct-"] :where(a) { text-decoration: none; }
[class*="lb-mlct-"] svg { display: inline-block; flex: 0 0 auto; }
[class*="lb-mlct-"] .fusion-text:empty { display: none; }
/* Avada đệm #main 60px dưới nội dung → dải trắng giữa CTA và footer (cùng cách redesign-chung.css: body:has(.lb-fg) #main) */
body:has(.lb-mlct-cta) #main { padding-bottom: 0 !important; }

/* Tiêu đề khối H2: Source Serif 500 31.25 #000 */
.lb-mlct-h2 .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 1.38 !important; color: #000 !important; }

/* Nút chung: 50 cao, bo 8, pad 4/24, chữ 16/500 */
.lb-mlct-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 50px;
  padding: 4px 24px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 8px;
  font-family: var(--lb-font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: #FFF !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.lb-mlct-btn--in { background: #017A9E; border-color: #017A9E; min-width: 213px; }
.lb-mlct-btn--in:hover { background: #015F7B; border-color: #015F7B; }
.lb-mlct-btn--ghost { background: rgba(255, 255, 255, .1); border-color: rgba(27, 27, 56, .2); color: #1B1B38 !important; padding: 8px 24px; }
.lb-mlct-btn--ghost:hover { border-color: #1B1B38; }
.lb-mlct-btn--icon { width: 50px; padding: 0 !important; }

/* ============================================================
 * 01 · Hồ sơ — Frame 566 (1600 x 460, #F8F8F8, viền dưới 1px 10%)
 * ============================================================ */
.lb-mlct-hero { background: #F8F8F8 !important; padding: 12px 0 52px !important; border-bottom: 1px solid rgba(27, 27, 56, .1); box-sizing: border-box; }   /* chỉ số đáy 408 → hero đáy 460 = 52 */

.lb-mlct-hero__back { margin: 0 !important; line-height: 17px; height: 17px; }   /* @12; ảnh @67 = 12 + 17 + 38 */
.lb-mlct-back { display: inline-flex; align-items: center; gap: 7px; font-family: var(--lb-font-sans); font-size: 13.33px; line-height: 17px; color: #FF3251 !important; }
.lb-mlct-back:hover { text-decoration: underline; }

/* Cột ảnh 226 (= 425 − 199) | cột chữ */
.lb-mlct-hero .fusion-builder-row-inner { display: grid !important; grid-template-columns: 226px minmax(0, 1fr); align-items: start; }
.lb-mlct-hero__media > .fusion-column-wrapper { padding-top: 38px !important; }
.lb-mlct-avatar { width: 188px; height: 188px; margin-left: 16px; border-radius: 50%; border: 3px solid #FFF; box-shadow: 0 12px 24px -12px rgba(15, 15, 46, .35); overflow: hidden; background: #E9EAF0; }
.lb-mlct-avatar img, .lb-mlct-avatar__img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: top center; display: block; }

/* Cột chữ: chip @76 (cột bắt đầu 12+17 = 29 → 47), tên @117, chức danh @152, đơn vị @182, mô tả @217, nút @287, kẻ @353, chỉ số @369 */
.lb-mlct-hero__text > .fusion-column-wrapper { padding-top: 47px !important; display: flex !important; flex-direction: column; }
.lb-mlct-hero__chips { margin: 0 0 10px !important; }   /* chip 31 → tên 117: 76 + 31 + 10 */
.lb-mlct-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lb-mlct-chip { display: inline-flex; align-items: center; height: 31px; padding: 8px 16px; box-sizing: border-box; border-radius: 24px; background: rgba(27, 27, 56, .1); font-family: var(--lb-font-sans); font-size: 12px; font-weight: 600; line-height: 1.25; letter-spacing: 0; text-transform: uppercase; color: #1B1B38; }
.lb-mlct-chip--vaitro { background: rgba(142, 50, 255, .1); color: #8E32FF; }
.lb-mlct-chip--vaitro.lb-mlct-chip--doi-tac { background: rgba(27, 27, 56, .1); color: #1B1B38; }
.lb-mlct-chip--vaitro.lb-mlct-chip--hoc-vien { background: rgba(44, 209, 127, .12); color: #1E9A5C; }

.lb-mlct-hero__name .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 25px !important; font-weight: 500 !important; line-height: 34px !important; color: #000 !important; }
.lb-mlct-hero__title { margin: 1px 0 0 !important; }   /* tên đáy 151 → chức danh 152 */
.lb-mlct-hero__title p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-mlct-hero__org { margin: 6px 0 0 !important; }     /* chức danh đáy 176 → đơn vị 182 */
.lb-mlct-org { display: flex; align-items: center; gap: 6px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #1B1B38; }
.lb-mlct-hero__sub { margin: 15px 0 0 !important; }    /* đơn vị đáy 202 → mô tả 217 */
.lb-mlct-hero__sub p { max-width: 946px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-mlct-hero__btns { margin: 22px 0 0 !important; }   /* mô tả đáy 265 → nút 287 */
.lb-mlct-btns { display: flex; flex-wrap: wrap; gap: 20px; }

/* Kẻ @353 (nút đáy 337 → 16) rồi chỉ số @369 (16 sau kẻ) */
.lb-mlct-hero__stats { margin: 16px 0 0 !important; padding: 16px 0 0; border-top: 1px solid rgba(27, 27, 56, .1); max-width: 975px; }
.lb-mlct-stats { display: flex; flex-wrap: wrap; gap: 32px; }
.lb-mlct-stat { display: flex; flex-direction: column; gap: 5px; }
.lb-mlct-stat__lbl { font-family: var(--lb-font-sans); font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: .06em; text-transform: uppercase; color: #676673; }
.lb-mlct-stat__val { display: inline-flex; align-items: center; gap: 6px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #1B1B38; }
.lb-mlct-hero__stats:not(:has(.lb-mlct-stat)) { display: none; }

/* ============================================================
 * 02 · Thân — trái 783 @199 | phải 390 @1010 (khe 28)
 * ============================================================ */
.lb-mlct-body { padding: 40px 0 102px !important; }   /* hero đáy 595 → thẻ 635 (40); H2 644 */

.lb-mlct-body .fusion-builder-row-inner {
  display: grid !important;
  grid-template-columns: 783px 390px;
  grid-template-rows: auto auto 1fr;
  column-gap: 28px;
  row-gap: 24px;                       /* thẻ 1 đáy 1085 → thẻ 2 1109; thẻ 2 đáy 1422 → thẻ 3 1446 */
  align-items: start;
}

.lb-mlct-body .lb-mlct-body__main { grid-column: 1; grid-row: 1 / span 3; }
.lb-mlct-body .lb-mlct-card { grid-column: 2; }

.lb-mlct-h2--bio { padding-top: 9px !important; }      /* thân 635 → H2 644 (margin của .fusion-title bị rule chung khoá 0 → dùng padding) */
.lb-mlct-bio { margin: 26px 0 0 !important; }          /* H2 đáy 687 → tiểu sử 713 */
.lb-mlct-bio, .lb-mlct-bio p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-mlct-bio p + p { margin-top: 12px; }
.lb-mlct-bio__tags { margin: 19px 0 0 !important; }    /* tiểu sử đáy 905 → chip 924 */
.lb-mlct-tags { display: flex; flex-wrap: wrap; gap: 8px; max-width: 695px; }
.lb-mlct-tag { display: inline-flex; align-items: center; height: 29px; padding: 6px 8px; box-sizing: border-box; border: 1px solid rgba(27, 27, 56, .1); border-radius: 24px; background: #F8F8F8; font-family: var(--lb-font-sans); font-size: 12px; font-weight: 500; line-height: 1.25; color: #1B1B38; }
.lb-mlct-h2--exp { padding-top: 54px !important; }     /* chip đáy 990 → H2 1044 */
.lb-mlct-exp { margin: 41px 0 0 !important; }          /* H2 đáy 1087 → mốc 1128 */

/* Dòng thời gian: cột chấm 13 @213 (= 199 + 14), chữ @239 (rộng 419), mốc cách nhau 26 */
.lb-mlct-timeline { list-style: none; margin: 0 !important; padding: 0 0 0 40px !important; position: relative; max-width: 459px; }
.lb-mlct-timeline::before { content: ""; position: absolute; left: 20px; top: 8px; bottom: 8px; width: 1px; background: rgba(33, 62, 255, .5); }
.lb-mlct-moc { position: relative; display: flex; flex-direction: column; gap: 3px; }
.lb-mlct-moc + .lb-mlct-moc { margin-top: 26px; }
.lb-mlct-moc::before { content: ""; position: absolute; left: -26px; top: 6px; width: 13px; height: 13px; box-sizing: border-box; border: 1px solid #213EFF; border-radius: 50%; background: #FFF; }
.lb-mlct-moc::after { content: ""; position: absolute; left: -23px; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: #213EFF; }
.lb-mlct-moc__ky { font-family: var(--lb-font-sans); font-size: 13px; font-weight: 500; line-height: 24px; letter-spacing: .04em; text-transform: uppercase; color: #676673; }
.lb-mlct-moc__ten { font-family: var(--lb-font-serif); font-size: 20px; font-weight: 500; line-height: 27px; color: #000; margin-top: 3px; }
.lb-mlct-moc__noi { font-family: var(--lb-font-sans); font-size: 13px; line-height: 24px; color: #676673; }

/* Thẻ phải: 390, bo 16, viền 10%, trắng, bóng 0 0 44 #000 10%, pad 25 */
.lb-mlct-card > .fusion-column-wrapper {
  padding: 25px !important;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 16px !important;
  background: #FFF !important;
  box-shadow: 0 0 44px rgba(0, 0, 0, .1);
  display: flex !important;
  flex-direction: column;
}

.lb-mlct-card__head { margin: 0 !important; padding: 4px 0 10px; border-bottom: 1px solid rgba(27, 27, 56, .1); }   /* nhãn @29 (25 + 4), kẻ @64 */
.lb-mlct-card__lbl { font-family: var(--lb-font-sans) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: .04em !important; text-transform: uppercase; color: #676673 !important; }
.lb-mlct-card__trong { font-family: var(--lb-font-sans); font-size: 13px; line-height: 24px; color: #676673; padding-top: 12px; }

/* Thẻ Thông tin: hàng pad 12/0 gap 16 viền dưới 10%; hộp icon 36 bo 8 #F8F8F8; nhãn 13/24 4% uppercase; giá trị 16/500 #000 */
.lb-mlct-info { list-style: none; margin: 0 !important; padding: 0 !important; }
.lb-mlct-info__row { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(27, 27, 56, .1); }
.lb-mlct-info__row:last-child { border-bottom: 0; }
.lb-mlct-info { padding-bottom: 16px !important; }   /* thẻ 450 = 64 + 5 × 69 + 16 + 25 */
.lb-mlct-info__ico { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: #F8F8F8; display: grid; place-items: center; color: #1B1B38; }
.lb-mlct-info__txt { display: flex; flex-direction: column; min-width: 0; }
.lb-mlct-info__lbl { font-family: var(--lb-font-sans); font-size: 13px; font-weight: 500; line-height: 24px; letter-spacing: .04em; text-transform: uppercase; color: #676673; }
.lb-mlct-info__val { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000; overflow-wrap: anywhere; }
.lb-mlct-info__val a { color: #000 !important; }
.lb-mlct-info__val a:hover { color: #FF3251 !important; }

/* Thẻ Hoạt động: chấm 6 nature 50% + tiêu đề 16/500 #000 + phụ 13/24 4% #676673; hàng pad 12 thụt 24 */
.lb-mlct-acts { list-style: none; margin: 0 !important; padding: 0 !important; }
.lb-mlct-act { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 12px 0 12px 24px; border-bottom: 1px solid rgba(27, 27, 56, .1); }
.lb-mlct-act:last-child { border-bottom: 0; }
.lb-mlct-act::before { content: ""; position: absolute; left: 0; top: 19px; width: 6px; height: 6px; border-radius: 50%; background: rgba(27, 27, 56, .5); }
.lb-mlct-act__ten { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000 !important; }
.lb-mlct-act__ten:hover { color: #FF3251 !important; }
.lb-mlct-act__phu { font-family: var(--lb-font-sans); font-size: 13px; line-height: 24px; letter-spacing: .04em; color: #676673; }

/* Thẻ Kết nối: tiêu đề Source Serif 20/500 center @34, mô tả 13/20 center @69, nút @143 dọc gap 8 */
.lb-mlct-card--contact > .fusion-column-wrapper { padding-top: 33px !important; padding-bottom: 34px !important; text-align: center; }   /* 285 = 34 + 27 + 8 + 40 + 34 + 108 + 34 */
.lb-mlct-card__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 20px !important; font-weight: 500 !important; line-height: 27px !important; text-align: center !important; color: #1B1B38 !important; }
.lb-mlct-card__sub { margin: 8px 0 0 !important; }
.lb-mlct-card__sub p { font-family: var(--lb-font-sans); font-size: 13px; line-height: 20px; color: #676673; text-align: center; }
.lb-mlct-card__btns { margin: 34px 0 0 !important; }   /* mô tả đáy 109 → nút 143 */
.lb-mlct-btns--lien-he { flex-direction: column; gap: 8px; }
.lb-mlct-btns--lien-he .lb-mlct-btn { width: 100%; }
/* Khối rỗng tự ẩn (hồ sơ chưa nhập): thẻ không có danh sách/nút, tiêu đề "Kinh nghiệm" không có mốc, tiêu đề "Tiểu sử" không có tiểu sử lẫn chip */
.lb-mlct-card:not(:has(.lb-mlct-info, .lb-mlct-act, .lb-mlct-btn)) { display: none !important; }
/* Chrome cấm :has() lồng :has() → dùng :not(:has(+ .x > *)) = "khối kế tiếp không có con" */
.lb-mlct-h2--exp:not(:has(+ .lb-mlct-exp > *)) { display: none !important; }
.lb-mlct-h2--bio:not(:has(+ .lb-mlct-bio > *)):not(:has(+ .lb-mlct-bio + .lb-mlct-bio__tags > *)) { display: none !important; }

/* ============================================================
 * 03 · CTA — Frame 448 (1600 x 260, gradient)
 * ============================================================ */
.lb-mlct-cta { background: linear-gradient(90deg, #0F0F2E 0%, #0C21AF 100%) !important; padding: 0 !important; min-height: 260px; color: #FFF; }
.lb-mlct-cta .fusion-builder-row-inner { display: flex !important; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; min-height: 260px !important; }
.lb-mlct-cta .lb-mlct-cta__text { width: 795px !important; flex: 0 1 795px !important; align-self: center !important; }
.lb-mlct-cta .lb-mlct-cta__btn { width: auto !important; flex: 0 0 auto !important; align-self: center !important; }
.lb-mlct-cta__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 39.06px !important; font-weight: 600 !important; line-height: 54px !important; color: #FFF !important; }
.lb-mlct-cta__sub { margin-top: 3px !important; }
.lb-mlct-cta__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .8); }
.lb-mlct-cta__btn { display: inline-flex; align-items: center; gap: 16px; min-height: 48px; padding: 8px 24px; box-sizing: border-box; border-radius: 8px; background: #FF3251; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 1.25; color: #FFF !important; transition: background .2s ease; }
.lb-mlct-cta__btn:hover { background: #D20F12; }

/* ============================================================
 * Khổ hẹp
 * ============================================================ */
@media (max-width: 1100px) {
  [class*="lb-mlct-"] > .fusion-row { padding: 0 24px; }
  .lb-mlct-hero { min-height: 0; padding-bottom: 32px !important; }
  .lb-mlct-hero .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); }
  .lb-mlct-hero__media > .fusion-column-wrapper { padding-top: 16px !important; }
  .lb-mlct-avatar { margin-left: 0; }
  .lb-mlct-hero__text > .fusion-column-wrapper { padding-top: 20px !important; }
  .lb-mlct-body .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  .lb-mlct-body .lb-mlct-body__main { grid-column: 1; grid-row: auto; }
  .lb-mlct-body .lb-mlct-card { grid-column: 1; }
  .lb-mlct-cta .fusion-builder-row-inner { padding: 40px 0; }
  .lb-mlct-cta .lb-mlct-cta__text { width: 100% !important; flex-basis: 100% !important; }
}

@media (max-width: 767px) {
  .lb-mlct-avatar { width: 140px; height: 140px; }
  .lb-mlct-hero__sub p { font-size: 15px; }
  .lb-mlct-btns { gap: 12px; }
  .lb-mlct-btn--in, .lb-mlct-btn--ghost:not(.lb-mlct-btn--icon) { flex: 1 1 auto; min-width: 0; }
  .lb-mlct-stats { gap: 20px 28px; }
  .lb-mlct-h2 .fusion-title-heading { font-size: 26px !important; }
  .lb-mlct-cta__title .fusion-title-heading { font-size: 30px !important; line-height: 1.2 !important; }
  .lb-mlct-cta__btn { width: 100%; justify-content: center; }
}