/*!
 * tuyen-dung-chi-tiet.css — trang chi tiết vị trí tuyển dụng (layout Theme Builder, Figma frame
 * `Tuyển dụng` node 614-3895, 1600 x 3072). Section dựng bằng container / column / title / text /
 * imageframe gốc của Avada, lớp lb-tdct-*; khối dữ liệu in từ [libero_td_chitiet] (inc/tuyendung-chitiet.php).
 * Khối "Vị trí tương tự" mang lb-td-vitri → kiểu hàng nằm ở tuyen-dung.css (nạp cùng).
 *
 * Số đo: avada-newsite/28-dupcheck-tuyen-dung.md §B:
 *   hero 383 gradient #041691 → #000526: breadcrumb @125 (16/24 trắng 90% / 60%), H1 Source Serif 700 48.83/56 @156, meta gap 24 @235
 *   thân: trái 752 @199 | phải 400 @1001 (khe 50); đoạn mở @552 (16/24 #676673); kẻ @646
 *   tiêu đề khối: vạch đỏ 3 x 34 + Source Serif 500 25 #1B1B38; checklist gap 8, mục 24 (check 16 + 16/24 #676673)
 *   thẻ "Về đơn vị" 727 pad 24 gap 16 bo 8 #F8F8F8 viền 10%, logo 81 x 66
 *   phải: ảnh 400 x 300 bo 16 đè hero 74 · hộp hạn nộp 400 x 70 nền #FF3251 10% bo 8 pad 12/16 · thẻ form 400 x 846 bo 16 pad 24/25
 *   vị trí tương tự 706 #F8F8F8 · footer
 */

[class*="lb-tdct-"] > .fusion-row { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
[class*="lb-tdct-"] > .fusion-row > .fusion-layout-column { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; }
[class*="lb-tdct-"] > .fusion-row > .fusion-layout-column > .fusion-column-wrapper { margin: 0 !important; width: 100% !important; }
[class*="lb-tdct-"] .fusion-builder-row-inner { margin: 0 -2% !important; padding: 0 1.923% !important; box-sizing: border-box; }
[class*="lb-tdct-"] .fusion-builder-row-inner > .fusion-layout-column { width: auto !important; padding: 0 !important; margin: 0 !important; }
[class*="lb-tdct-"] .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper { margin: 0 !important; width: 100% !important; }
[class*="lb-tdct-"] .fusion-text p { margin: 0; }
[class*="lb-tdct-"] .fusion-title:not(.lb-td-row__title) { margin: 0 !important; }   /* tiêu đề hàng "Vị trí tương tự" giữ margin của tuyen-dung.css */
[class*="lb-tdct-"] .fusion-title .fusion-title-heading { margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; }
[class*="lb-tdct-"] :where(a) { text-decoration: none; }
[class*="lb-tdct-"] svg { display: inline-block; flex: 0 0 auto; }
[class*="lb-tdct-"] ul { list-style: none; margin: 0 !important; padding: 0 !important; }
body:has(.lb-tdct-tuongtu) #main { padding-bottom: 0 !important; }   /* đệm 60 của Avada trước footer */

/* ============================================================
 * 01 · Hero — 1600 x 383
 * ============================================================ */
.lb-tdct-hero { background: linear-gradient(90deg, #041691 0%, #000526 100%) !important; padding: 125px 0 0 !important; min-height: 383px !important; color: #FFF; overflow: visible !important; }   /* Avada in min-height:0 → phải !important */
.lb-tdct-crumb { display: flex; align-items: center; gap: 8px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .9); }
.lb-tdct-crumb a { color: rgba(255, 255, 255, .9) !important; white-space: nowrap; flex: 0 0 auto; }
.lb-tdct-crumb > span { color: rgba(255, 255, 255, .6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 600px; }
.lb-tdct-hero .lb-tdct-hero__title.fusion-title { margin-top: 7px !important; }   /* (0,3,0) thắng rule .fusion-title:not() ở trên */
.lb-tdct-hero__title .fusion-title-heading { max-width: 1171px; font-family: var(--lb-font-serif) !important; font-size: 48.83px !important; font-weight: 700 !important; line-height: 56px !important; color: #FFF !important; }
.lb-tdct-hero__meta-wrap { margin-top: 23px !important; }
.lb-tdct-meta { display: flex; flex-wrap: wrap; gap: 24px; }
.lb-tdct-meta li { display: flex; align-items: center; gap: 8px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .7); }

/* ============================================================
 * 02 · Thân — trái 752 | phải 400, khe 50; đoạn mở @35 (rel), ảnh phải đè hero 74
 * ============================================================ */
.lb-tdct-than { padding: 35px 0 86px !important; overflow: visible !important; }
.lb-tdct-than .fusion-builder-row-inner { display: grid !important; grid-template-columns: 752px 400px; column-gap: 50px; align-items: start; }
.lb-tdct-than .lb-tdct-main, .lb-tdct-than .lb-tdct-side { width: auto !important; }

/* Cột trái */
.lb-tdct-intro__body p { margin: 0 0 12px; }
.lb-tdct-intro__body p:last-child { margin-bottom: 0; }
.lb-tdct-intro p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-tdct-intro { padding-bottom: 22px; border-bottom: 1px solid rgba(27, 27, 56, .1); }   /* đoạn mở đáy 624 → kẻ 646 */
.lb-tdct-block { padding-top: 29px; }   /* kẻ 646 → tiêu đề 675 */
.lb-tdct-block + .lb-tdct-block { padding-top: 25px; }   /* 856 → 881 */
.lb-tdct-block--quyen-loi { padding-top: 39px; }   /* Figma: 1052 → 1091 (khối này cách xa hơn) */
.lb-tdct-block__title { display: flex; align-items: center; gap: 6px; margin: 0 !important; font-family: var(--lb-font-serif) !important; font-size: 25px !important; font-weight: 500 !important; line-height: 34px !important; color: #1B1B38 !important; }
.lb-tdct-block__bar { width: 3px; height: 34px; background: #FF3251; border-radius: 1px; }
.lb-tdct-block .lb-tdct-list { display: flex; flex-direction: column; gap: 8px; margin-top: 17px !important; padding-left: 14px !important; }   /* Figma list @213 = 199 + 14; tiêu đề → list 17 (881→932, 1091→1142) */
.lb-tdct-block--mo-ta .lb-tdct-list { margin-top: 27px !important; }   /* riêng khối đầu 675 → 736 */
.lb-tdct-list li { display: flex; align-items: flex-start; gap: 8px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-tdct-list svg { width: 16px; height: 16px; margin-top: 4px; color: #676673; }

/* Thẻ "Về đơn vị": 727 @1306 (Quyền lợi đáy 1262 → 44) */
.lb-tdct-unit-wrap { margin-top: 44px !important; }
.lb-tdct-unit-wrap:has(.lb-tdct-unit:empty), .lb-tdct-unit-wrap:not(:has(.lb-tdct-unit)) { display: none; }
.lb-tdct-unit { display: flex; align-items: flex-start; gap: 16px; max-width: 727px; padding: 24px; box-sizing: border-box; border: 1px solid rgba(27, 27, 56, .1); border-radius: 8px; background: #F8F8F8; }
.lb-tdct-unit__logo { width: 81px; height: 66px !important; flex: 0 0 81px; object-fit: contain; border-radius: 4px; background: #FFF; }
.lb-tdct-unit__body { display: flex; flex-direction: column; gap: 6px; }
.lb-tdct-unit__name { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000; }
.lb-tdct-unit__desc { font-family: var(--lb-font-sans); font-size: 13.33px; line-height: 20px; color: #676673; }
.lb-tdct-unit__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-family: var(--lb-font-sans); font-size: 13.33px; font-weight: 500; color: #000 !important; }
.lb-tdct-unit__more--cho { cursor: default; opacity: .6; }   /* trang đơn vị chưa có (công tắc libero_core_don_vi_mo đóng) */

/* Cột phải */
.lb-tdct-side > .fusion-column-wrapper { position: relative; z-index: 11; }   /* .fusion-row của hero có z-index 10 → ảnh đè hero phải cao hơn */
.lb-tdct-side__img-wrap { margin: -109px 0 0 !important; }   /* cột bắt đầu 552, ảnh @443 */
.lb-tdct-side__img { margin: 0 !important; }
.lb-tdct-side__img img { display: block; width: 400px; height: 300px !important; max-width: none; object-fit: cover; border-radius: 16px; }
.lb-tdct-side__img-wrap:not(:has(img)) { margin-top: 0 !important; }
.lb-tdct-side__deadline-wrap { margin-top: 24px !important; }   /* ảnh đáy 743 → hộp 767 */
.lb-tdct-deadline { display: flex; align-items: center; gap: 16px; height: 70px; padding: 12px 16px; box-sizing: border-box; border: 1px solid rgba(255, 50, 81, .2); border-radius: 8px; background: rgba(255, 50, 81, .1); color: #FF3251; }
.lb-tdct-deadline > div { display: flex; flex-direction: column; gap: 4px; }
.lb-tdct-deadline__lbl { font-family: var(--lb-font-sans); font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: .04em; text-transform: uppercase; color: #FF3251; }
.lb-tdct-deadline__val { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000; }
.lb-tdct-deadline--het { background: rgba(27, 27, 56, .06); border-color: rgba(27, 27, 56, .1); color: #676673; }
.lb-tdct-deadline--het .lb-tdct-deadline__lbl { color: #676673; }
.lb-tdct-side__form-wrap { margin-top: 24px !important; }   /* hộp đáy 837 → thẻ form 861 */

/* Thẻ form Frame 436: 400 x 846 bo 16 viền 1 pad 24/25; tiêu đề 20 → 12 → mô tả 48 → 18 → ô (gap 12) → 22 → nút 44 → 22 → ghi chú → 22 → nút phụ 48 */
.lb-tdct-apply { padding: 24px 25px; box-sizing: border-box; border: 1px solid rgba(27, 27, 56, .1); border-radius: 16px; background: #FFF; scroll-margin-top: 140px; }
.lb-tdct-apply__title { margin: 0 !important; font-family: var(--lb-font-serif) !important; font-size: 20px !important; font-weight: 500 !important; line-height: 27px !important; color: #000 !important; }
.lb-tdct-apply .lb-tdct-apply__sub { margin-top: 12px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-tdct-apply__form { margin-top: 18px !important; }
.lb-tdct-apply .lb-td-form .fusion-form-submit-field { margin-top: 10px !important; }   /* 12 + 10 = 22 */
.lb-tdct-apply .lb-tdct-apply__note { margin-top: 22px; font-family: var(--lb-font-sans); font-size: 11.11px; line-height: 14px; text-align: center; color: #676673; }
.lb-tdct-apply__tools { display: flex; gap: 8px; margin-top: 22px; }
.lb-tdct-apply__share, .lb-tdct-apply__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
  height: 48px;
  padding: 8px 16px;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1);
  border-radius: 8px;
  background: #FFF;
  font-family: var(--lb-font-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1B1B38 !important;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}

.lb-tdct-apply__share:hover, .lb-tdct-apply__btn:hover { border-color: #1B1B38; }
.lb-tdct-apply__share--ok { border-color: #2CD17F; color: #2CD17F !important; }
.lb-tdct-apply__btn--outline { margin-top: 18px; height: 44px; border: 2px solid #1B1B38; flex: none; width: 100%; }

/* ============================================================
 * 03 · Vị trí tương tự — 1600 x 706, #F8F8F8 (kiểu hàng: tuyen-dung.css qua lb-td-vitri)
 * ============================================================ */
.lb-tdct-tuongtu { background: #F8F8F8 !important; padding: 80px 0 !important; }
.lb-tdct-tuongtu .lb-td-row > .fusion-column-wrapper { background: transparent; }

/* ============================================================
 * Khổ hẹp
 * ============================================================ */
@media (max-width: 1100px) {
  [class*="lb-tdct-"] > .fusion-row { padding: 0 24px; }
  .lb-tdct-than .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .lb-tdct-side__img-wrap { margin-top: 0 !important; }
  .lb-tdct-side__img img { width: 100%; height: auto !important; aspect-ratio: 4 / 3; }
  .lb-tdct-side > .fusion-column-wrapper { max-width: 480px; }
}

@media (max-width: 767px) {
  .lb-tdct-hero { padding-top: 48px !important; min-height: 0 !important; padding-bottom: 40px !important; }
  .lb-tdct-side__img-wrap { display: none; }   /* ảnh 400x300 chỉ có nghĩa khi đè hero ở desktop; trên máy hẹp nó rơi xuống giữa nội dung và form */
  .lb-tdct-hero__title .fusion-title-heading { font-size: 34px !important; line-height: 1.2 !important; }
  .lb-tdct-meta { gap: 12px 20px; }
  .lb-tdct-side > .fusion-column-wrapper { max-width: none; }
  .lb-tdct-apply { padding: 20px; }
}