.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//*
 * Custom CSS của template Elementor 102 "Header Baans toàn site". Dán nguyên tệp này vào
 * Elementor → header 102 → Cài đặt trang → Custom CSS. Bản trên site và bản này phải giống nhau.
 *
 * Vì sao kiểu header nằm ở đây chứ không chỉ trong lớp toàn cục (header-baans-link/-cta/-account):
 * Elementor 4 gom CSS lớp toàn cục vào tệp riêng từng trang (global-<id>-frontend-desktop.css), và trang
 * chủ (page 49) không được sinh tệp đó (07/10/2026), nên trên trang chủ header mất kiểu. post-102.css thì
 * nạp ở mọi trang có header. Giá trị giữ khớp với lớp toàn cục; đổi kiểu header thì sửa ở đây.
 * Bộ chọn bắt đầu bằng ".elementor.elementor-102" (cùng một phần tử) để thắng ".elementor .header-baans-*".
 */

/* Liên kết menu: Bài trắc nghiệm, 16 hướng trí tuệ, Việc làm, Hỗ trợ, Giới thiệu */
.elementor.elementor-102 .header-baans-link {
  font-weight: 600;
  font-size: .875rem;
  color: #263e3d;
  text-decoration: none;
  transition: color .2s;
}
.elementor.elementor-102 .header-baans-link:hover,
.elementor.elementor-102 .header-baans-link:focus-within { color: #755d91; }

/* Nút đặc: Đăng ký / Đăng nhập (đã đăng nhập thì "Tài khoản") */
.elementor.elementor-102 .header-baans-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 2.75rem;
  padding: .75rem 1.2rem;
  line-height: 1.2;
  border-radius: 999px;
  background-color: #263e3d;
  font-weight: 700;
  font-size: .8125rem;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.elementor.elementor-102 .header-baans-account:hover,
.elementor.elementor-102 .header-baans-account:focus-within { background-color: #34524f; color: #fff; }

/* Nút viền: Nhà tuyển dụng */
.elementor.elementor-102 .header-baans-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 2.75rem;
  padding: .75rem 1.2rem;
  line-height: 1.2;
  border: 1px solid #bccdc5;
  border-radius: 999px;
  font-weight: 700;
  font-size: .8125rem;
  color: #263e3d;
  text-decoration: none;
  white-space: nowrap;
}
.elementor.elementor-102 .header-baans-cta:hover,
.elementor.elementor-102 .header-baans-cta:focus-within { color: #755d91; border-color: #755d91; }

/*
 * Nút chuyển ngôn ngữ VI / EN: shortcode [language-switcher] của TranslatePress (Bộ chuyển đổi ngôn ngữ →
 * Shortcode: ẩn cờ, tên ngắn). Dạng thả xuống, mở khi rê chuột. TranslatePress tô bằng biến CSS đặt nội
 * tuyến trên phần tử, nên ở đây phải dùng !important cho biến. Cao 44px như các nút bên cạnh.
 */
.elementor.elementor-102 .trp-shortcode-switcher {
  --bg: #fffdf9 !important;
  --bg-hover: #f1f5f2 !important;
  --text: #263e3d !important;
  --text-hover: #755d91 !important;
  --border: 1px solid #bccdc5 !important;
  --border-radius: 22px !important;
  padding: 0 !important;
}
/* Khung bọc dạng flex: bỏ khoảng trống dưới chân của inline-block (nếu không nút cao hơn hai nút bên cạnh 4px). */
.elementor.elementor-102 .trp-shortcode-switcher__wrapper { display: flex; }
.elementor.elementor-102 .trp-shortcode-switcher .trp-current-language-item__wrapper { padding-right: .7rem; }
.elementor.elementor-102 .trp-shortcode-switcher .trp-language-item {
  box-sizing: border-box;
  min-height: calc(2.75rem - 2px); /* cộng viền 1px trên dưới của khung = 44px */
  padding: 0 .35rem 0 .95rem;
}
.elementor.elementor-102 .trp-shortcode-switcher .trp-switcher-dropdown-list .trp-language-item { padding-right: .95rem; }
.elementor.elementor-102 .trp-shortcode-switcher .trp-language-item-name {
  font-weight: 700;
  font-size: .8125rem;
  letter-spacing: .04em;
}
.elementor.elementor-102 .trp-shortcode-switcher .trp-shortcode-arrow { width: 16px; height: 16px; }

/*
 * Điện thoại. baans-job-board/assets/mobile-menu.js thu header lại còn logo + nút ba gạch và ẩn cả nhóm
 * nút; ở đây giữ riêng nút VI / EN hiện cạnh nút ba gạch (nút đăng nhập, nhà tuyển dụng vẫn ẩn, đã có trong
 * menu điện thoại). Bộ chọn phải nặng hơn của mobile-menu.css (cũng !important).
 */
@media (max-width: 767px) {
  .baans-mnav-ready .elementor-location-header.elementor-102 .e-con.e-flexbox-base:has(> .header-baans-account) {
    display: flex !important;
    margin-left: auto;
    gap: 0;
  }
  .elementor-102 .baans-mnav-toggle { margin-left: 0; }

  /* Khi script menu điện thoại không chạy: bỏ "Hỗ trợ" (chân trang đã có) để ba liên kết còn lại nằm một hàng. */
  .elementor-102 .header-baans-link:has(a[href$="/ho-tro/"]) { display: none; }
}/* End custom CSS */