/*!
 * tuyen-dung.css — trang Tuyển dụng dựng bằng AVADA (Figma frame `Tuyển dụng`, node 601-2935,
 * 1600 x 4950). Cùng cách làm với mang-luoi.css: nội dung là container / column / text / title /
 * post cards / form gốc của Avada, container tự khai lớp lb-td-*, file này chỉ tạo kiểu.
 * Khối "Vị trí tương tự" của trang chi tiết mang thêm lb-td-vitri nên thẻ hàng dùng chung file này.
 *
 * Số đo: avada-newsite/28-dupcheck-tuyen-dung.md §A (đo panel Layers Figma, 17/09/2026):
 *   khung 1600, cột 1200 (lề 200) · hero 510 gradient #041691 → #000526, dải số 80 viền trên trắng 20%
 *   hàng nhãn: chữ 16/500 uppercase tracking 5% #FF3251 + kẻ 1px #1B1B38 10%, gap 15 · H2 Source Serif 500 31.25 (hộp 43)
 *   phúc lợi #F8F8F8 500: thẻ 288.5 x 213 bo 8 pad 16 gap 16, icon 48 bo 8 nền màu 10%
 *   văn hoá 612: ảnh 531 x 398 bo 16 @199 · chữ 608 @793 · mục 68 nền #F8F8F8 bo 8 pad 12/16
 *   quy trình 506 gradient #000C5D → #000526: khối tiêu đề 450 giữa @76 · vòng 40 @262 · bước 207 @313
 *   vị trí: thanh lọc 1202 x 50 bo 16 pad 8 · hàng 1202 x 125 (ảnh 125 x 94 bo 16, tiêu đề 23.04, meta 16, chip 36 bo 100, nút 154 x 44)
 *   nộp hồ sơ #F8F8F8 794: thẻ HR 461 x 312 @199,319 · thẻ form 672 x 586 @729,104 bo 16 pad 29/27, bóng 0 0 44 #000 10%
 *
 * Cần !important vì Avada in kiểu bằng biến --awb-* ngay trên phần tử (inline).
 * Chỉ --lb-font-sans / --lb-font-serif được dùng — hai token ở :root.
 */

/* ============================================================
 * Khung chung: cột 1200, huỷ máng cột của Avada
 * ============================================================ */
[class*="lb-td-"] > .fusion-row {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[class*="lb-td-"] > .fusion-row > .fusion-layout-column {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
}

[class*="lb-td-"] > .fusion-row > .fusion-layout-column > .fusion-column-wrapper {
  margin: 0 !important;
  width: 100% !important;
}

/* Hàng trong: Avada in width:104% !important inline — giữ 104% + lề −2%, đệm 1.923% để hộp = 1200. */
[class*="lb-td-"] .fusion-builder-row-inner {
  margin-left: -2% !important;
  margin-right: -2% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 1.923% !important;
  box-sizing: border-box;
}

[class*="lb-td-"] .fusion-builder-row-inner > .fusion-layout-column {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

[class*="lb-td-"] .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper {
  margin: 0 !important;
  width: 100% !important;
}

[class*="lb-td-"] .fusion-text p { margin: 0; }
[class*="lb-td-"] .fusion-title { margin: 0 !important; }
[class*="lb-td-"] .fusion-title .fusion-title-heading { margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; }
[class*="lb-td-"] :where(a) { text-decoration: none; }
[class*="lb-td-"] svg { display: inline-block; flex: 0 0 auto; }
[class*="lb-td-"] ul, [class*="lb-td-"] ol { list-style: none; margin: 0 !important; padding: 0 !important; }
body:has(.lb-td-nop) #main { padding-bottom: 0 !important; }   /* đệm 60px của Avada giữa khối cuối và footer */

/* ---- Hàng nhãn + tiêu đề khối (Frame 550: 1201 x 20, gap 15; H2 cách nhãn 9) ---- */
.lb-td-eyebrow {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 9px !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase;
  color: #FF3251 !important;
}

.lb-td-eyebrow span { flex: 0 0 auto; }
.lb-td-eyebrow::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(27, 27, 56, .1); }
.lb-td-eyebrow--no-line::after { display: none; }

.lb-td-head__title .fusion-title-heading,
.lb-td-vanhoa__title .fusion-title-heading,
.lb-td-nop__title .fusion-title-heading {
  font-family: var(--lb-font-serif) !important;
  font-size: 31.25px !important;
  font-weight: 500 !important;
  line-height: 43px !important;
  color: #000 !important;
}

.lb-td-head__sub { margin-top: 9px !important; }   /* H2 đáy 138 → mô tả 147 */
.lb-td-head__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }

/* Nút chung: Filled / Outline 44 bo 8 pad 12/24 gap 8, chữ 16/500 */
.lb-td-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 24px;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: var(--lb-font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.lb-td-btn--filled { background: #FF3251; color: #FFF !important; }
.lb-td-btn--filled:hover { background: #D20F12; }
.lb-td-btn--outline { border: 2px solid rgba(255, 255, 255, .3); color: #FFF !important; }
.lb-td-btn--outline:hover { border-color: #FFF; }

/* ============================================================
 * 01 · Hero — Frame 361 (1600 x 510)
 * ============================================================ */
.lb-td-hero {
  background: linear-gradient(90deg, #041691 0%, #000526 100%) !important;
  padding: 0 !important;
  min-height: 510px !important;
  position: relative;
  overflow: hidden;
  color: #FFF;
}

/* Cột chữ 623 giữa (@488), eyebrow @74, gap 18 / 18 / 19, dải số @430 */
.lb-td-hero > .fusion-row > .fusion-layout-column > .fusion-column-wrapper {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  padding-top: 74px !important;
  text-align: center;
}

.lb-td-hero__eyebrow { font-family: var(--lb-font-sans) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; letter-spacing: .05em !important; text-transform: uppercase; color: rgba(255, 255, 255, .7) !important; }
.lb-td-hero .lb-td-hero__title { margin-top: 18px !important; }   /* (0,2,0) để thắng [class*=lb-td-] .fusion-title{margin:0} */
.lb-td-hero__title .fusion-title-heading { max-width: 623px; font-family: var(--lb-font-serif) !important; font-size: 48.83px !important; font-weight: 700 !important; line-height: 56px !important; text-align: center !important; color: #FFF !important; }
.lb-td-hero__title .lb-td-hero__nhan { color: #FF3251; }   /* span "định hình tương lai" — màu chưa đọc được trên Figma (text lẫn màu), kiểm khi khách xem */
.lb-td-hero__sub { margin-top: 18px !important; }
.lb-td-hero__sub p { max-width: 623px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .9); }
.lb-td-hero__btns-wrap { margin-top: 19px !important; }
.lb-td-hero__btns { display: flex; gap: 16px; justify-content: center; }
.lb-td-hero__btns .lb-td-btn--filled { min-width: 242px; }
.lb-td-hero__btns .lb-td-btn--outline { min-width: 195px; }

/* Dải số Frame 508: tràn 1600, 80 cao, viền trên trắng 20%, 4 ô fill, kẻ dọc 53 trắng 20% */
.lb-td-hero__stats-wrap { align-self: stretch; margin-top: 77px !important; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
.lb-td-stats { display: flex; align-items: center; height: 80px; border-top: 1px solid rgba(255, 255, 255, .2); }
.lb-td-stat { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; }
.lb-td-stat + .lb-td-stat::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 53px; transform: translateY(-50%); background: rgba(255, 255, 255, .2); }
.lb-td-stat__num { font-family: var(--lb-font-serif); font-size: 39.06px; font-weight: 600; line-height: 26px; color: #FFF; }
.lb-td-stat__lbl { font-family: var(--lb-font-sans); font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: .04em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }

/* ============================================================
 * 02 · Phúc lợi — Frame 617 (1600 x 500, #F8F8F8): nhãn @66, H2 @95, mô tả @147, thẻ @205
 * ============================================================ */
.lb-td-loi { background: #F8F8F8 !important; padding: 66px 0 82px !important; }
.lb-td-loi .fusion-builder-row-inner { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 16px; margin-top: 34px !important; }   /* mô tả đáy 171 → thẻ 205 */

.lb-td-benefit > .fusion-column-wrapper {
  padding: 16px !important;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 8px !important;
  background: #FFF !important;
  display: flex !important;
  flex-direction: column;
  gap: 16px !important;
  min-height: 213px;
}

.lb-td-benefit__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 8px; color: var(--lb-td-c, #FF3251); background: color-mix(in srgb, var(--lb-td-c, #FF3251) 10%, transparent); }
.lb-td-benefit--group { --lb-td-c: #FF3251; }
.lb-td-benefit--lit   { --lb-td-c: #213EFF; }
.lb-td-benefit--lim   { --lb-td-c: #8E32FF; }
.lb-td-benefit--lisa  { --lb-td-c: #2CD17F; }
.lb-td-benefit__name .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 20px !important; font-weight: 600 !important; line-height: 27px !important; color: #000 !important; }
.lb-td-benefit__text p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }

/* ============================================================
 * 03 · Văn hoá — 1144 → 1756: ảnh 531 x 398 @199,1245 | chữ 608 @793 (eyebrow @1257)
 * ============================================================ */
.lb-td-vanhoa { padding: 101px 0 113px !important; }
.lb-td-vanhoa .fusion-builder-row-inner { display: grid !important; grid-template-columns: 531px 608px; column-gap: 63px; align-items: start; }
.lb-td-vanhoa .lb-td-vanhoa__media, .lb-td-vanhoa .lb-td-vanhoa__text { width: auto !important; }
.lb-td-vanhoa__img, .lb-td-vanhoa__media .fusion-image-element { margin: 0 !important; }
.lb-td-vanhoa__media img { display: block; width: 531px; height: 398px !important; object-fit: cover; border-radius: 16px; }
.lb-td-vanhoa__img-note { min-height: 398px; display: flex; align-items: center; justify-content: center; padding: 24px; border: 1px dashed rgba(27, 27, 56, .3); border-radius: 16px; font-family: var(--lb-font-sans); font-size: 14px; color: #676673; text-align: center; }
.lb-td-vanhoa__media:has(img) .lb-td-vanhoa__img-note { display: none; }
.lb-td-vanhoa__text > .fusion-column-wrapper { padding-top: 12px !important; }
.lb-td-vanhoa .lb-td-eyebrow { margin-bottom: 11px !important; }
.lb-td-vanhoa__title .fusion-title-heading { font-size: 32px !important; line-height: 43px !important; }
.lb-td-vanhoa__sub { margin-top: 7px !important; }
.lb-td-vanhoa__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-td-vanhoa__list-wrap { margin-top: 9px !important; }
.lb-td-values { display: flex; flex-direction: column; gap: 16px; }
.lb-td-values li { display: flex; align-items: flex-start; gap: 16px; padding: 12px 16px 11px; box-sizing: border-box; min-height: 68px; border-radius: 8px; border-bottom: 1px solid rgba(27, 27, 56, .1); background: #F8F8F8; }
.lb-td-values__dot { flex: 0 0 6px; width: 6px; height: 6px; margin-top: 7px; border-radius: 8px; background: #FF3251; }
.lb-td-values__body { display: flex; flex-direction: column; }
.lb-td-values__body strong { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000; }
.lb-td-values__body > span { font-family: var(--lb-font-sans); font-size: 13px; line-height: 24px; letter-spacing: .04em; color: #676673; }

/* ============================================================
 * 04 · Quy trình — Frame 619 (1600 x 506): khối tiêu đề 450 @76 gap 16 · vòng @262 · bước @313
 * ============================================================ */
.lb-td-quytrinh { background: linear-gradient(90deg, #000C5D 0%, #000526 100%) !important; padding: 76px 0 0 !important; min-height: 506px !important; color: #FFF; }
.lb-td-quytrinh > .fusion-row > .fusion-layout-column > .fusion-column-wrapper { display: flex !important; flex-direction: column; align-items: center; text-align: center; }
.lb-td-quytrinh__eyebrow { font-family: var(--lb-font-sans) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; letter-spacing: .05em !important; text-transform: uppercase; color: rgba(255, 255, 255, .7) !important; }
.lb-td-quytrinh .lb-td-quytrinh__title { margin-top: 16px !important; }
.lb-td-quytrinh__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 43px !important; text-align: center !important; color: #FFF !important; }
.lb-td-quytrinh__sub { margin-top: 16px !important; }
.lb-td-quytrinh__sub p { max-width: 450px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .8); }
.lb-td-quytrinh__steps-wrap { align-self: stretch; margin-top: 43px !important; width: 100%; }   /* mô tả đáy 219 → vòng 262; stretch vì cột là flex căn giữa */

/* 4 cột đều 300 (Figma 256/566/850/1125 lệch nhau ≤19px); đường nối 1px trắng 20% ở tâm vòng (y = 20) từ tâm cột 1 → cột 4 */
.lb-td-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); position: relative; padding-bottom: 122px !important; }
.lb-td-steps::before { content: ""; position: absolute; left: 12.5%; right: 12.5%; top: 20px; height: 1px; background: rgba(255, 255, 255, .2); }
.lb-td-step { display: flex; flex-direction: column; align-items: center; position: relative; }
.lb-td-step__num { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #FF3251; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; color: #FFF; }
.lb-td-step__name { margin-top: 11px; font-family: var(--lb-font-serif); font-size: 20px; font-weight: 500; line-height: 27px; color: #FFF; }
.lb-td-step__desc { margin-top: 10px; max-width: 227px; font-family: var(--lb-font-sans); font-size: 13.33px; line-height: 17px; color: rgba(255, 255, 255, .7); }

/* ============================================================
 * 05 · Vị trí đang tuyển — 2262 → 3583: nhãn @95 (rel), H2 @124, lọc @193, hàng @277
 * ============================================================ */
.lb-td-vitri { padding: 95px 0 43px !important; }
.lb-td-filter-wrap { margin-top: 26px !important; }   /* H2 đáy 167 → lọc 193 */
.lb-td-vitri .fusion-post-cards { margin-top: 34px !important; }   /* lọc đáy 243 → hàng 277 */
.lb-td-vitri .lb-td-list--tuongtu { margin-top: 24px !important; }

/* Thanh lọc Frame 556: 1202 x 50 bo 16 viền 1 pad 8 gap 8 — ô tìm 618 x 32, 3 select fill x 32 (khe 8 giữa) */
.lb-td-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 50px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1);
  border-radius: 16px;
  background: #FFF;
}

.lb-td-filter__search { flex: 0 1 618px; display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 8px; box-sizing: border-box; border: 1px solid rgba(27, 27, 56, .1); border-radius: 8px; margin: 0 8px 0 0; }
.lb-td-filter__ico { width: 16px; height: 16px; flex: 0 0 16px; background: rgba(27, 27, 56, .5); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat; }

.lb-td-filter input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #1B1B38 !important;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
}

.lb-td-filter input[type="search"]::placeholder { color: rgba(27, 27, 56, .5); opacity: 1; }
.lb-td-filter input[type="search"]::-webkit-search-decoration,
.lb-td-filter input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

.lb-td-filter__select { flex: 1 1 0; min-width: 0; margin: 0; position: relative; }
.lb-td-filter__select select {
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 28px 0 8px !important;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 8px !important;
  background: #FFF !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: rgba(27, 27, 56, .8) !important;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
}

.lb-td-filter__select::after { content: ""; position: absolute; right: 8px; top: 8px; width: 16px; height: 16px; pointer-events: none; background: rgba(27, 27, 56, .8); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat; }
.lb-td-filter__select select:hover, .lb-td-filter__select select:focus { border-color: #1B1B38 !important; outline: 0; }
.lb-td-filter__submit { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.lb-td-filter__reset { flex: 0 0 auto; padding: 0 8px; font-family: var(--lb-font-sans); font-size: 14px; line-height: 32px; color: #FF3251 !important; white-space: nowrap; }
.lb-td-vitri--dang-tai .fusion-post-cards { opacity: .45; pointer-events: none; }
.lb-td-vitri .fusion-post-cards { transition: opacity .2s ease; }

/* Danh sách: 1 cột, không khe (Avada in cột đệm theo column_spacing) */
.lb-td-vitri .fusion-post-cards .fusion-grid { margin: 0 !important; display: block !important; }
.lb-td-vitri .fusion-post-cards .fusion-grid > .fusion-grid-column { width: 100% !important; padding: 0 !important; margin: 0 !important; }

/* Hàng Frame 607: 1202 x 125 (pad 15/16, viền dưới 1) — một cột Avada, xếp ngang bằng grid:
 *   ảnh 125 x 94 | tiêu đề (hàng 1) + 3 meta (hàng 2, gap 17) | chip | nút 154 x 44 */
.lb-td-vitri .lb-td-row > .fusion-column-wrapper {
  display: grid !important;
  grid-template-columns: 125px auto auto minmax(0, 1fr) auto auto;
  grid-template-rows: auto auto;
  align-items: center;
  align-content: center;
  padding: 15px 16px !important;
  box-sizing: border-box;
  min-height: 125px;
  border-bottom: 1px solid rgba(27, 27, 56, .1);
}

.lb-td-vitri .lb-td-row__media { grid-column: 1; grid-row: 1 / 3; position: relative; width: 125px !important; height: 94px !important; margin: 0 !important; border-radius: 16px; overflow: hidden; background: #E9E9EE; }
.lb-td-vitri .lb-td-row__media .fusion-image-wrapper, .lb-td-vitri .lb-td-row__media a { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; }
.lb-td-vitri .lb-td-row__media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; }
.lb-td-vitri .lb-td-row__title { grid-column: 2 / 5; grid-row: 1; margin: 0 0 0 13px !important; align-self: end; }
.lb-td-vitri .lb-td-row__title .fusion-title-heading { font-family: var(--lb-font-sans) !important; font-size: 23.04px !important; font-weight: 500 !important; line-height: 29px !important; color: #000 !important; }
.lb-td-vitri .lb-td-row__title a { color: #000 !important; }
.lb-td-vitri .lb-td-row__meta { grid-row: 2; align-self: start; margin: 8px 0 0 17px !important; }
.lb-td-vitri .lb-td-row__meta--dia-diem { grid-column: 2; margin-left: 13px !important; }
.lb-td-vitri .lb-td-row__meta--loai { grid-column: 3; }
.lb-td-vitri .lb-td-row__meta--ngay { grid-column: 4; }
.lb-td-vitri .lb-td-row__meta p { display: flex; align-items: center; gap: 8px; padding: 4px 8px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #676673; white-space: nowrap; }
.lb-td-vitri .lb-td-row__meta p::before { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: #676673; -webkit-mask: var(--lb-td-ico) center / contain no-repeat; mask: var(--lb-td-ico) center / contain no-repeat; }
.lb-td-vitri .lb-td-row__meta--dia-diem { --lb-td-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>"); }
.lb-td-vitri .lb-td-row__meta--loai { --lb-td-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>"); }
.lb-td-vitri .lb-td-row__meta--ngay { --lb-td-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M16 3v4M8 3v4M3 11h18'/></svg>"); }
.lb-td-vitri .lb-td-row__meta:has(p:empty) { display: none; }

/* Chip Tag: bo 100 pad 8/16 cao 36, nền màu-đơn-vị 10%, chữ 16/500 cùng màu (lb-td-dv-<slug> do PHP nối vào cột) */
.lb-td-vitri .lb-td-row__chip { grid-column: 5; grid-row: 1 / 3; margin: 0 0 0 16px !important; }
.lb-td-vitri .lb-td-row__chip p { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 100px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; white-space: nowrap; color: var(--lb-td-dv, #1B1B38); background: color-mix(in srgb, var(--lb-td-dv, #1B1B38) 10%, transparent); }
.lb-td-vitri .lb-td-row__chip p:empty { display: none; }
.lb-td-vitri .lb-td-row.lb-td-dv-lim   { --lb-td-dv: #8E32FF; }
.lb-td-vitri .lb-td-row.lb-td-dv-lit   { --lb-td-dv: #213EFF; }
.lb-td-vitri .lb-td-row.lb-td-dv-lisa  { --lb-td-dv: #2CD17F; }
.lb-td-vitri .lb-td-row.lb-td-dv-lcci  { --lb-td-dv: #F59E0B; }
.lb-td-vitri .lb-td-row.lb-td-dv-group { --lb-td-dv: #FF3251; }

/* Nút "Ứng tuyển ▾": Filled nature 154 x 44 bo 8 pad 12/24 gap 8, icon phải (Avada bọc nút trong <div>) */
.lb-td-vitri .lb-td-row > .fusion-column-wrapper > div:has(> .lb-td-row__btn) { grid-column: 6; grid-row: 1 / 3; margin: 0 0 0 16px !important; }
.lb-td-vitri .lb-td-row__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 154px;
  height: 44px;
  padding: 0 24px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 8px !important;
  background: #1B1B38 !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #FFF !important;
  box-shadow: none !important;
  transition: background .2s ease;
}

.lb-td-vitri .lb-td-row__btn:hover { background: #FF3251 !important; }
.lb-td-vitri .lb-td-row__btn .awb-button__icon, .lb-td-vitri .lb-td-row__btn i { margin: 0 !important; font-size: 12px; color: #FFF !important; }

/* Nút "Xem thêm vị trí" (load-more của Avada): Outline giữa, cách danh sách 32 */
.lb-td-vitri .fusion-load-more-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 32px auto 0 !important;
  height: 44px;
  padding: 0 24px !important;
  border: 2px solid #1B1B38 !important;
  border-radius: 8px !important;
  background: transparent !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  color: #1B1B38 !important;
  width: auto !important;
  float: none !important;
}

.lb-td-vitri .fusion-post-cards:has(.fusion-load-more-button) { text-align: center; }
.lb-td-vitri .fusion-load-more-button:hover { background: #1B1B38 !important; color: #FFF !important; }
.lb-td-empty { padding: 48px 16px; border: 1px dashed rgba(27, 27, 56, .2); border-radius: 16px; text-align: center; }
.lb-td-empty__msg { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }

/* ============================================================
 * 06 · Nộp hồ sơ — Frame 620 (1600 x 794, #F8F8F8): cột chữ 461 @199 (nhãn @163) | thẻ form 672 @729,104
 * ============================================================ */
.lb-td-nop { background: #F8F8F8 !important; padding: 104px 0 !important; }
.lb-td-nop .fusion-builder-row-inner { display: grid !important; grid-template-columns: 461px 672px; column-gap: 69px; align-items: start; }
.lb-td-nop .lb-td-nop__text, .lb-td-nop .lb-td-nop__card { width: auto !important; }
.lb-td-nop__text > .fusion-column-wrapper { padding-top: 59px !important; }   /* thẻ form @104 → nhãn @163 */
.lb-td-nop .lb-td-eyebrow { margin-bottom: 0 !important; }
.lb-td-nop .lb-td-nop__title { margin-top: 0 !important; }   /* nhãn 163+20 = 183 = H2 */
.lb-td-nop__sub { margin-top: 9px !important; }   /* H2 đáy 226 → mô tả 235 */
.lb-td-nop__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-td-nop__hr-wrap { margin-top: 36px !important; }   /* mô tả đáy 283 → thẻ 319 */

/* Thẻ HR Frame 366: 461 x 312 bo 16 viền 1 bóng, pad 29/25; nhãn 13/24 uppercase; kẻ @64; 3 hàng 69 pad 12 viền dưới */
.lb-td-hr { padding: 29px 25px 28px; box-sizing: border-box; min-height: 312px; border: 1px solid rgba(27, 27, 56, .1); border-radius: 16px; background: #FFF; box-shadow: 0 0 44px rgba(0, 0, 0, .1); }
.lb-td-hr__lbl { padding-bottom: 11px; border-bottom: 1px solid rgba(27, 27, 56, .1); font-family: var(--lb-font-sans); font-size: 13px; font-weight: 500; line-height: 24px; letter-spacing: .04em; text-transform: uppercase; color: #676673; }
.lb-td-hr .lb-td-hr__list { margin-top: 12px !important; }   /* (0,2,0) thắng [class*=lb-td-] ul{margin:0} */
.lb-td-hr__list li { display: flex; align-items: center; gap: 16px; padding: 12px 0; min-height: 69px; box-sizing: border-box; border-bottom: 1px solid rgba(27, 27, 56, .1); }
.lb-td-hr__ico { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; background: #F8F8F8; color: #1B1B38; }
.lb-td-hr__body { display: flex; flex-direction: column; gap: 4px; }
.lb-td-hr__k { font-family: var(--lb-font-sans); font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: .04em; text-transform: uppercase; color: #676673; }
.lb-td-hr__v { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 24px; color: #000; }
.lb-td-hr__v a { color: #000 !important; }

/* Thẻ form Frame 435: 672 x 586 bo 16 viền 1 bóng 0 0 44 #000 10%, pad 29/27; tiêu đề 34 → gap 21 → ô (gap 12) → gap 21 → nút 44 */
.lb-td-nop__card > .fusion-column-wrapper {
  padding: 29px 27px !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-td-nop__form-title .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-td-nop__form { margin-top: 21px !important; }

/* Ô nhập Avada Form (2 form Ứng tuyển, lớp lb-td-half/lb-td-full): nhãn 14/500/20 #000 (dấu * đỏ, cách 7), gap 8, ô 38 bo 8 pad 8 viền 10% */
.lb-td-form .fusion-form-field { margin: 0 0 12px !important; padding: 0 !important; }
.lb-td-form .fusion-form-recaptcha-field { margin-bottom: 21px !important; }
.lb-td-form .fusion-form-submit-field { margin: 9px 0 0 !important; }   /* 12 của ô trước + 9 = 21 */
.lb-td-form .fusion-form-label-wrapper { line-height: 0; margin: 0 0 8px !important; padding: 0 !important; }
.lb-td-form .fusion-form-label, .lb-td-form label { display: block; margin: 0 !important; padding: 0 !important; font-family: var(--lb-font-sans) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; color: #000 !important; }
.lb-td-form label abbr.fusion-form-element-required { margin-left: 7px; color: #FF3251 !important; text-decoration: none !important; border: 0 !important; font-weight: 500; }
.lb-td-form input[type="text"], .lb-td-form input[type="email"], .lb-td-form input[type="tel"], .lb-td-form input[type="url"], .lb-td-form textarea, .lb-td-form .fusion-form-input {
  display: block;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 8px !important;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 8px !important;
  background: #FFF !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #1B1B38 !important;
  box-shadow: none !important;
}

.lb-td-form textarea, .lb-td-form textarea.fusion-form-input { height: 148px !important; resize: vertical; }
.lb-td-form ::placeholder { color: rgba(27, 27, 56, .5) !important; opacity: 1; }
.lb-td-form .fusion-form-field .fusion-form-input:focus { border-color: #1B1B38 !important; }
.lb-td-form .fusion-form, .lb-td-form .fusion-fullwidth, .lb-td-form .fusion-form-form-wrapper { background: transparent !important; }
.lb-td-form .fusion-form .fusion-fullwidth { padding: 0 !important; }
.lb-td-form .fusion-form .fusion-column-wrapper { flex-direction: row !important; flex-wrap: wrap !important; column-gap: 16px; }
.lb-td-form .fusion-form-field { flex: 0 0 100%; width: 100%; }
.lb-td-form .fusion-form-field.lb-td-half { flex: 0 0 calc(50% - 8px); width: calc(50% - 8px); }

/* Nút gửi: Filled 618 x 44 bo 8 #FF3251, chữ 16/500 trắng, icon send phải */
.lb-td-form .fusion-form-submit-field button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100% !important;
  height: 44px;
  padding: 0 24px !important;
  border: 1px solid #FF3251 !important;
  border-radius: 8px !important;
  background: #FF3251 !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #FFF !important;
  box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease;
}

.lb-td-form .fusion-form-submit-field button:hover { background: #D20F12 !important; border-color: #D20F12 !important; }
.lb-td-form .fusion-form-submit-field button::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2L11 13'/><path d='M22 2l-7 20-4-9-9-4z'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2L11 13'/><path d='M22 2l-7 20-4-9-9-4z'/></svg>") center / contain no-repeat; }
.lb-td-form .fusion-form-response { font-family: var(--lb-font-sans); font-size: 14px; color: #1B1B38; }

/* ============================================================
 * Khổ hẹp
 * ============================================================ */
@media (max-width: 1100px) {
  [class*="lb-td-"] > .fusion-row { padding: 0 24px; }
  .lb-td-hero__stats-wrap { width: auto; margin-left: 0 !important; margin-right: 0 !important; }
  .lb-td-stats { flex-wrap: wrap; height: auto; padding: 24px 0; row-gap: 24px; }
  .lb-td-stat { flex: 1 1 40%; }
  .lb-td-loi .fusion-builder-row-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
  .lb-td-vanhoa .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
  .lb-td-vanhoa__media img { width: 100%; height: auto !important; aspect-ratio: 531 / 398; }
  .lb-td-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
  .lb-td-steps::before { display: none; }
  .lb-td-vitri .lb-td-row > .fusion-column-wrapper { grid-template-columns: 125px minmax(0, 1fr) auto auto; }
  .lb-td-vitri .lb-td-row__title { grid-column: 2; }
  .lb-td-vitri .lb-td-row__meta { grid-column: 2 !important; grid-row: auto; }
  .lb-td-vitri .lb-td-row__chip { grid-column: 3; }
  .lb-td-vitri .lb-td-row > .fusion-column-wrapper > div:has(> .lb-td-row__btn) { grid-column: 4; }
  .lb-td-nop .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
  .lb-td-nop__text > .fusion-column-wrapper { padding-top: 0 !important; }
  .lb-td-nop { padding: 64px 0 !important; }
}

@media (max-width: 767px) {
  .lb-td-hero__title .fusion-title-heading { font-size: 39px !important; line-height: 1.15 !important; }
  .lb-td-hero__sub br, .lb-td-quytrinh__sub br { display: none; }   /* ngắt dòng cố định của Figma desktop làm câu gãy trên máy hẹp */
  .lb-td-hero__btns { flex-direction: column; align-items: stretch; width: 100%; }
  .lb-td-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; padding: 24px 0; height: auto; }   /* 2 x 2 thay vì 4 hàng dọc */
  .lb-td-stat + .lb-td-stat::before { display: none; }
  .lb-td-stat:nth-child(even)::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 53px; transform: translateY(-50%); background: rgba(255, 255, 255, .2); display: block; }
  .lb-td-loi .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); }
  .lb-td-steps { grid-template-columns: minmax(0, 1fr); }
  .lb-td-filter { flex-wrap: wrap; height: auto; }
  .lb-td-filter__search { flex-basis: 100%; margin-right: 0; }
  .lb-td-filter__select { flex-basis: calc(50% - 4px); }
  /* Hàng vị trí: lưới 96 | 1fr | 1fr — ảnh + tiêu đề, 2 meta một hàng, meta 3 hàng riêng, chip trái + nút phải */
  .lb-td-vitri .lb-td-row > .fusion-column-wrapper { grid-template-columns: 96px minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto auto auto; row-gap: 6px; padding: 16px 0 !important; min-height: 0; align-items: start; }
  .lb-td-vitri .lb-td-row__media { grid-column: 1; grid-row: 1 / 3; width: 96px !important; height: 72px !important; }
  .lb-td-vitri .lb-td-row__title { grid-column: 2 / 4; grid-row: 1; margin: 0 0 0 12px !important; align-self: start; }
  .lb-td-vitri .lb-td-row__title .fusion-title-heading { font-size: 18px !important; line-height: 24px !important; }
  .lb-td-vitri .lb-td-row__meta { grid-row: auto; margin: 0 !important; }
  .lb-td-vitri .lb-td-row__meta--dia-diem { grid-column: 2 / 4 !important; grid-row: 2; margin-left: 12px !important; }   /* !important vì khối 1100 đã ép grid-column 2; địa điểm dài ("TP. Hồ Chí Minh") một hàng riêng */
  .lb-td-vitri .lb-td-row__meta--loai { grid-column: 2 !important; grid-row: 3; margin-left: 12px !important; }
  .lb-td-vitri .lb-td-row__meta--ngay { grid-column: 3 !important; grid-row: 3; }
  .lb-td-vitri .lb-td-row__meta p { font-size: 14px; line-height: 20px; padding: 0; white-space: normal; gap: 6px; }
  .lb-td-vitri .lb-td-row__chip { grid-column: 1 / 3; grid-row: 4; margin: 6px 0 0 !important; align-self: center; }
  .lb-td-vitri .lb-td-row__chip p { height: 32px; font-size: 14px; }
  .lb-td-vitri .lb-td-row > .fusion-column-wrapper > div:has(> .lb-td-row__btn) { grid-column: 3; grid-row: 4; justify-self: end; margin: 6px 0 0 !important; }
  .lb-td-vitri .lb-td-row__btn { min-width: 0; height: 40px; padding: 0 16px !important; font-size: 15px !important; }
  .lb-td-form .fusion-form-field.lb-td-half { flex-basis: 100%; width: 100%; }
  .lb-td-nop__card > .fusion-column-wrapper { padding: 20px !important; }
  .lb-td-hr { padding: 20px; min-height: 0; }
}
