/* ==========================================================================
   Wistorix · Footer nền sáng
   Dùng ở: mọi trang.  Nạp SAU aeline.webflow.shared.css và wistorix-hero-motion.css
   nên ghi đè được nền navy gốc.

   Lý do đổi: khối CTA cuối trang đã là ảnh nền navy đậm, footer navy nối ngay
   bên dưới tạo thành một mảng tối cao gần bằng màn hình.  Đổi footer sang nền
   sáng để khối CTA đứng một mình, trang thở ra ở cuối.
   ========================================================================== */

.footer .footer_wrap{
  background:#f7f8fb !important;
  background-image:none !important;
  border:1px solid #e8e8e6;
  color:var(--wx-ink,#0A1F52);
}

/* ---- cột trái: logo và mô tả ---- */
.footer .footer_logo{width:5.5rem}
.footer .footer_content-wrap>div{color:#5c6577}

/* ---- ba cột link, giờ còn hai cột cân nhau ---- */
.footer .footer_right{grid-template-columns:1fr 1fr;gap:.5rem 2rem}
.footer .footer_link{
  color:var(--wx-ink,#0A1F52) !important;
  padding:.3rem 0;
  font-size:.95rem;
  white-space:normal;
}
.footer .footer_link:hover{color:var(--wx-primary,#0052CD) !important;text-decoration:underline}

/* tiêu đề cột, để mắt biết mỗi nhóm là nhóm gì thay vì đọc hết */
.footer .wxf-head{
  font-family:var(--wx-font-brand,inherit);
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#8a93a6;margin-bottom:.35rem;
}

/* ---- ô nhận tin ---- */
.footer .footer-form{background:#fff;border:1px solid #dde3ef}
.footer .text-field{color:var(--wx-ink,#0A1F52)}
.footer .text-field::placeholder{color:#98a1b3}

/* ---- dòng cuối ---- */
.footer .footer_bottom{border-top:1px solid #e4e7ee;margin-top:.25rem;padding-top:1.1rem}
.footer .footer_bottom-link{color:#6b6b6b !important}
.footer .footer_bottom-link:hover{color:var(--wx-ink,#0A1F52) !important}
.footer .footer_bottom .text-color-on-secondary{color:#8a93a6}

@media screen and (max-width:767px){
  .footer .footer_right{grid-template-columns:1fr 1fr;gap:.25rem 1rem}
  .footer .footer_logo{width:4.75rem}
}