/*!
 * footer.css — footer toàn site (Figma).
 *
 * Trước đây khối này nằm ở Giao diện > Tuỳ biến > CSS bổ sung (post custom_css
 * 21402), tách rời khỏi mọi CSS khác của dự án. Không ai nghĩ tới chỗ đó khi đi
 * tìm, và nó không đi cùng mã nguồn nên khôi phục site là mất.
 *
 * Footer in ở MỌI trang nên file này cũng nạp ở mọi trang, cùng nhóm header.css.
 * Phụ thuộc: tokens.css.
 */

/* === LIBERO FOOTER (Figma) — BAT DAU === */
/* Footer Figma: nen navy #1B1B38, chu trang.
   Nen da doi trong Theme Builder; khoi nay lo mau chu/link.
   Sua duoc qua Giao dien > Tuy bien > CSS bo sung. */
.fusion-tb-footer,
.fusion-tb-footer p,
.fusion-tb-footer li,
.fusion-tb-footer span,
.fusion-tb-footer h1, .fusion-tb-footer h2, .fusion-tb-footer h3,
.fusion-tb-footer h4, .fusion-tb-footer h5, .fusion-tb-footer h6,
.fusion-tb-footer .fusion-li-item-content,
.fusion-tb-footer .fusion-title-heading { color: #FFFFFF !important; }

.fusion-tb-footer a,
.fusion-tb-footer .fusion-menu a { color: rgba(255,255,255,.82) !important; }
.fusion-tb-footer a:hover,
.fusion-tb-footer .fusion-menu a:hover { color: #FFFFFF !important; }

.fusion-tb-footer i,
.fusion-tb-footer .fusion-social-networks a { color: rgba(255,255,255,.82) !important; }

.fusion-tb-footer .fusion-separator .fusion-separator-border,
.fusion-tb-footer hr { border-color: rgba(255,255,255,.14) !important; }

/* Tieu de cot trong footer — theo Figma: chu hoa, nho, gian chu */
.fusion-tb-footer .lb-foot-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  margin: 0 0 14px;
}

/* Thanh duoi cung footer — theo Figma: chu nho, mo, co duong ke tren */
.fusion-tb-footer .lb-foot-copy,
.fusion-tb-footer .lb-foot-legal {
  font-size: 13px;
  color: rgba(255,255,255,.6) !important;
  margin: 0;
}
.fusion-tb-footer .lb-foot-legal { text-align: right; }
.fusion-tb-footer .lb-foot-legal a { color: rgba(255,255,255,.6) !important; }
.fusion-tb-footer .lb-foot-legal a:hover { color: #FFFFFF !important; }
.fusion-tb-footer .lb-foot-legal .lb-dot { margin: 0 10px; opacity: .5; }

/* Duong ke ngan cach thanh duoi voi phan tren */
.fusion-tb-footer .fusion-fullwidth:last-child {
  /* KHONG dat margin o day: margin day ca khoi nen navy vao trong va lo
     nen trang cua .fusion-wrapper o hai mep. Duong ke nam o hang ben trong. */
  padding-top: 0 !important;
}
.fusion-tb-footer .fusion-fullwidth:last-child .fusion-builder-row {
  border-top: 1px solid rgba(255,255,255,.14);
  padding-top: 24px;
}
@media (max-width: 800px) {
  .fusion-tb-footer .lb-foot-legal { text-align: left; }
}

/* Logo footer: Figma dung ban TRANG. Site chi co file logo mau toi, nen doi
   mau bang filter thay vi phai them mot file anh thu hai phai bao tri song song. */
.fusion-tb-footer .lb-foot-logo img {
  filter: brightness(0) invert(1);
  max-width: 190px;
  height: auto;
}
.fusion-tb-footer .lb-foot-logo { margin-bottom: 26px; display: block; }
/* ---------------------------------------------------------------
 * Can lai theo Figma frame `footer` (1600 x 573)
 * ------------------------------------------------------------- */

/*
 * Khung noi dung footer phai trung khung cua cac section ben tren.
 *
 * Do duoc: row cua Avada rong 1319 va bat dau o x=97, trong khi .lb-container
 * cua section chi rong 1152 va bat dau o x=180 — chu o footer thut ra ngoai
 * 83px so voi chu ben tren. Figma cho ca hai cung mot khung 1200.
 */
/*
 * !important o day la bat buoc: Avada in be rong row THANG VAO style inline
 * cua the (max-width:1318.72px), nen moi khai bao trong file deu thua.
 */
.fusion-tb-footer .fusion-fullwidth > .fusion-builder-row {
  max-width: 1200px !important;

  /*
   * 4 chu khong phai 24: Avada thut .fusion-column-wrapper vao trong cot
   * them 20px moi ben. 4 + 20 = 24, bang dem cua .lb-container, nen chu o
   * footer moi thang hang voi chu cua section ben tren.
   */
  padding-inline: 4px;
  margin-inline: auto;
}

/*
 * Huy hieu Bo Cong Thuong: Figma 102 x 34.
 *
 * Anh goc 477x180. O cot 1/6 cu no bi bo lai con 169px nen khong ai de y;
 * chuyen sang cot rong thi bung ra nguyen co va day footer cao them 147px.
 */
.fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:last-child img {
  max-width: 102px;
  height: auto;
}

/*
 * Bieu tuong mang xa hoi: Figma la hinh TRON, duong kinh 28, nen trang 40%,
 * cach nhau 5. Do mau tren ban xuat Figma ra #767687 — dung bang trang 40%
 * chong len nen #1B1B38, nen viet thang rgba de con doi mau nen van dung.
 * Ban cu la icon tran 16px khong co nen.
 */
.fusion-tb-footer .fusion-social-networks-wrapper {
  display: flex;
  gap: 5px;
}

.fusion-tb-footer .fusion-social-networks a.fusion-social-network-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .4);
  color: #FFFFFF !important;
  font-size: 14px;
}

.fusion-tb-footer .fusion-social-networks a.fusion-social-network-icon:hover {
  background: rgba(255, 255, 255, .6);
}

/* ---------------------------------------------------------------
 * Do chu va khoang cach theo dung file Figma
 * ------------------------------------------------------------- */

/*
 * Ba cot: Figma dat moc trai o 0 / 36.3% / 62.4% cua khung 1198.
 * Phan so cua Avada (2/5, 1/4, 1/3) chi cho ra 0 / 40% / 65% — lech 44px va
 * 31px. Ghi de bang flex-basis de dung mep.
 */
.fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column {
  margin: 0 !important;
}

.fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(1) {
  width: 34.85% !important;
  flex: 0 0 34.85% !important;
}

.fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(2) {
  width: 24.78% !important;
  flex: 0 0 24.78% !important;
}

.fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(3) {
  width: 40.37% !important;
  flex: 0 0 40.37% !important;
}

/*
 * Cot 2 va 3 bat dau o 168, cot 1 bat dau o 65.5 (dinh logo) — chenh 102.
 * Figma canh hai cot ben phai voi DONG TEN CONG TY chu khong voi logo.
 */
.fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper,
.fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(3) .fusion-column-wrapper {
  padding-top: 102px;
}

/* --- Logo: 185x76, cach ten cong ty 26 --- */
.fusion-tb-footer .lb-foot-logo img,
.fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:first-child img {
  max-width: 185px;
}

/*
 * Avada chua 26px o CA hai lop: the <div> bao ngoai va the <span> ben trong.
 * Cong voi 10px margin-top cua khoi tieu de thanh 140px tu dinh logo xuong
 * ten cong ty, trong khi Figma chi co 102 (65.5 -> 168).
 */
.fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:first-child .fusion-imageframe {
  margin-bottom: 0 !important;
}

.fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:first-child {
  margin-bottom: 24px !important;
}

/* --- Ten cong ty: Figma dung SANS 16 dam, khong phai serif 20 --- */
.fusion-tb-footer .fusion-title .fusion-title-heading,
.fusion-tb-footer .fusion-title h1,
.fusion-tb-footer .fusion-title h2,
.fusion-tb-footer .fusion-title h3,
.fusion-tb-footer .fusion-title h4 {
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #FFFFFF !important;
}

.fusion-tb-footer .fusion-title .fusion-title-heading { line-height: 20px !important; }
.fusion-tb-footer .fusion-title { margin: 0 0 38px !important; }

/* --- Khoi lien he: rong 353, dong cao 24, cach nhau 12, icon cach chu 6 --- */
/*
 * Figma: khoi cao 156 = 4 dong (24 + 48 + 24 + 24) + 3 khe 12.
 * Avada them margin-top cho <ul> va dem trong <li>, lam moi dong cao them 6
 * va ca khoi tut xuong 10.
 */
.fusion-tb-footer .fusion-checklist {
  max-width: 353px;
  margin-top: 0 !important;
}

.fusion-tb-footer .fusion-checklist .fusion-li-item {
  padding: 0 !important;
  min-height: 0 !important;
}

.fusion-tb-footer .fusion-checklist .fusion-li-item {
  margin-bottom: 12px !important;
}

.fusion-tb-footer .fusion-checklist .fusion-li-item:last-child { margin-bottom: 0 !important; }

.fusion-tb-footer .fusion-checklist .fusion-li-item-content {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, .7) !important;
  margin-left: 22px !important;   /* icon 16 + khe 6 */
}

.fusion-tb-footer .fusion-checklist .icon-wrapper {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

/* Khoi lien he cach hang mang xa hoi 14 */
.fusion-tb-footer .fusion-checklist { margin-bottom: 14px !important; }

/* --- Tieu de cot: 16 dam, gian chu 20%, IN HOA, trang 60% --- */
.fusion-tb-footer .fusion-builder-row-14 .fusion-text p,
.fusion-tb-footer .lb-foot-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .6) !important;
  margin: 0 0 20px !important;
}

/* --- Link menu: 16/35, trang 70% --- */
.fusion-tb-footer .awb-menu a,
.fusion-tb-footer .fusion-menu a {
  font-size: 16px !important;
  line-height: 35px !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, .7) !important;
}

.fusion-tb-footer .awb-menu a:hover,
.fusion-tb-footer .fusion-menu a:hover { color: #FFFFFF !important; }

.fusion-tb-footer .awb-menu li { margin: 0 !important; }

/* --- Mang xa hoi: 3 hinh tron 24, gap 9 --- */
.fusion-tb-footer .fusion-social-links,
.fusion-tb-footer .fusion-social-networks {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0;
}

.fusion-tb-footer .fusion-social-networks-wrapper {
  display: flex;
  gap: 9px;

  /* Avada dat margin: -10px de bu cho khoang cach giua cac icon; da dung
     gap nen phai go, khong thi ca hang lech trai 10px. */
  margin: 0 !important;
}

.fusion-tb-footer .fusion-social-networks a.fusion-social-network-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  border-radius: 50%;
  background: rgba(255, 255, 255, .4);
  color: #FFFFFF !important;
  font-size: 12px;
}

.fusion-tb-footer .fusion-social-networks a.fusion-social-network-icon:hover {
  background: rgba(255, 255, 255, .6);
}

/* --- Huy hieu: 98x30, cach hang mang xa hoi 16 --- */
.fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:last-child {
  margin-top: 16px;
}

.fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:last-child img {
  max-width: 98px;
  height: auto;
}

/* --- Duong ke: trang 10% (truoc do la 14%) --- */
.fusion-tb-footer .fusion-fullwidth:last-child .fusion-builder-row {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding-top: 17px;
}

/* --- Hang duoi cung: 14/35, trang 50% --- */
.fusion-tb-footer .lb-foot-copy,
.fusion-tb-footer .lb-foot-legal,
.fusion-tb-footer .fusion-builder-row-15 .fusion-text p {
  font-size: 14px !important;
  line-height: 35px !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, .5) !important;
}

.fusion-tb-footer .lb-foot-legal a,
.fusion-tb-footer .fusion-builder-row-15 a { color: rgba(255, 255, 255, .5) !important; }

/* --- Dem tren/duoi cua ca footer: logo o 65.5, day o 573 - 551 = 22 --- */
.fusion-tb-footer .fusion-builder-row-14 {
  padding-top: 66px !important;
  padding-bottom: 26px !important;
}
.fusion-tb-footer .fusion-fullwidth:last-child { padding-bottom: 22px !important; }

/* --- LiberoGo: dau hieu tron do + icon mo tab moi (Figma Frame 7) --- */
.fusion-tb-footer .awb-menu a[href*="go.libero.edu.vn"] {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  line-height: 32px !important;
}

.fusion-tb-footer .awb-menu a[href*="go.libero.edu.vn"]::before {
  content: "Go";
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--lb-group, #FF3251);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
}

.fusion-tb-footer .awb-menu a[href*="go.libero.edu.vn"]::after {
  content: "";
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6'/%3E%3Cpath d='m21 3-9 9'/%3E%3Cpath d='M15 3h6v6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6'/%3E%3Cpath d='m21 3-9 9'/%3E%3Cpath d='M15 3h6v6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* --- Vá chỗ rò: khối màu ở đầu file tô trắng 100% lên thẻ bên trong --- */
.fusion-tb-footer .awb-menu a .menu-text,
.fusion-tb-footer .fusion-menu a .menu-text {
  color: rgba(255, 255, 255, .7) !important;
}

.fusion-tb-footer .awb-menu a:hover .menu-text { color: #FFFFFF !important; }

.fusion-tb-footer .fusion-checklist .fusion-li-item-content span {
  color: rgba(255, 255, 255, .7) !important;
}

/* <strong> trong tiêu đề đẩy độ đậm lên 900; Figma là 700. */
.fusion-tb-footer .fusion-title .fusion-title-heading strong {
  font-weight: 700 !important;
}

/* Avada khai màu riêng cho ::after của link menu, nên currentColor ở đây ra
   #EE4036 chứ không theo màu chữ. Ghi thẳng màu. */
.fusion-tb-footer .awb-menu a[href*="go.libero.edu.vn"]::after {
  background: rgba(255, 255, 255, .7);
}

/* Số điện thoại và email trong khối liên hệ là thẻ <a>, nên dính quy tắc
   trắng 82% ở đầu file và sáng hơn phần chữ bên cạnh. Figma cho cả dòng
   cùng một màu trắng 70%. */
.fusion-tb-footer .fusion-checklist a { color: rgba(255, 255, 255, .7) !important; }
.fusion-tb-footer .fusion-checklist a:hover { color: #FFFFFF !important; }


/* ---------------------------------------------------------------
 * Mobile — Figma `home / mobile` > `footer` (440 x 1348, node 127-2281)
 * ------------------------------------------------------------- */
/*
 * Ba cot ben tren ghi de flex-basis bang !important de dung moc Figma
 * desktop, nhung khong co media query nen tren dien thoai ba cot van
 * ke vai nhau, moi cot rong 130px va chu gay dong. Figma mobile xep
 * DOC mot cot: logo -> ten -> lien he -> mang xa hoi -> huy hieu ->
 * DIEU HUONG -> DON VI THANH VIEN -> LiberGo -> duong ke -> phap ly.
 */
@media (max-width: 800px) {
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(1),
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(2),
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(3) {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Cot 2/3 khong con canh voi ten cong ty; khoang cach do la giua
     huy hieu -> DIEU HUONG 49, DIEU HUONG -> DON VI 46. */
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper {
    padding-top: 49px;
  }
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(3) .fusion-column-wrapper {
    padding-top: 46px;
  }

  /* Khung: chu bat dau o x=14 tren khung 440. Do duoc: Avada mobile thut
     cot 10, cong padding-inline 4 cua row (khai o tren) = 14. Khong can
     sua gi them. */

  /*
   * Tieu de cot 2 ("Liên kết") la element Title cua Avada, khong phai
   * Text nhu cot 3, nen truot khoi quy tac tieu-de-cot va mang kieu cua
   * TEN CONG TY (16/700, trang 100%, cach 38). Figma cho ca hai cot cung
   * mot kieu: 20/700, gian chu 20%, trang 60%. Danh sach cach tieu de
   * 25 (Frame 99: 520 -> 565) va 30 o cot 3 (Frame 102 gap 30).
   */
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-title .fusion-title-heading {
    font-size: 20px !important;
    letter-spacing: .2em !important;
    color: rgba(255, 255, 255, .6) !important;
  }
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-title {
    margin-bottom: 25px !important;
  }
  .fusion-tb-footer .fusion-builder-row-14 > .fusion-builder-row > .fusion-layout-column:nth-child(3) .fusion-text p {
    margin-bottom: 30px !important;
  }

  /* LiberGo nam trong cung menu voi cac don vi; Figma cach danh sach 30. */
  .fusion-tb-footer .awb-menu li:has(> a[href*="go.libero.edu.vn"]) { margin-top: 30px !important; }

  /* Logo 185x76 o top 26; ten cong ty o 128.5 (cach 26.5) */
  .fusion-tb-footer .fusion-builder-row-14 {
    padding-top: 26px !important;
    padding-bottom: 0 !important;
  }
  .fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:first-child {
    margin-bottom: 26px !important;
  }

  /* Lien he -> mang xa hoi 33.5 (desktop 14) */
  .fusion-tb-footer .fusion-checklist { margin-bottom: 34px !important; }

  /* Huy hieu 144x44, cach mang xa hoi 27 */
  .fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:last-child { margin-top: 27px; }
  .fusion-tb-footer .fusion-column-wrapper > .fusion-image-element:last-child img { max-width: 144px; }

  /* Tieu de cot 20/100%, cach danh sach 20 */
  .fusion-tb-footer .fusion-builder-row-14 .fusion-text p,
  .fusion-tb-footer .lb-foot-title { font-size: 20px !important; }

  /* Link menu 19.2/46, dam 500 */
  .fusion-tb-footer .awb-menu a,
  .fusion-tb-footer .fusion-menu a {
    font-size: 19.2px !important;
    line-height: 46px !important;
    font-weight: 500 !important;
  }
  .fusion-tb-footer .awb-menu a[href*="go.libero.edu.vn"] { line-height: 32px !important; }

  /* Duong ke cach LiberGo 38, phap ly cach duong ke 17, day 26 */
  .fusion-tb-footer .fusion-fullwidth:last-child .fusion-builder-row { margin-top: 38px; }
  .fusion-tb-footer .fusion-fullwidth:last-child { padding-bottom: 26px !important; }
}


/*
 * Khoảng trắng 50px giữa section cuối và footer CHỈ trên điện thoại thật.
 *
 * Avada có `@media only screen and (max-device-width: 640px) { #content
 * { margin-bottom: 50px } }` — media query theo bề rộng THIẾT BỊ, nên Chrome
 * desktop thu hẹp cửa sổ / iframe 390px không bao giờ khớp, chỉ WebKit trên
 * iPhone (tái hiện bằng Playwright WebKit, iPhone 13) mới lộ. Avada tự bỏ
 * margin này khi #content mang class `full-width` (trang không sidebar),
 * nhưng trang dựng bằng template của plugin không được gắn class đó.
 * Mọi section redesign đã tự có đệm 56px nên margin này luôn thừa.
 */
@media only screen and (max-device-width: 640px) {
  .fusion-body #main #content { margin-bottom: 0; }
}

/* === LIBERO FOOTER — KET THUC === */