/* ══════════════════════════════════════════════════════════
   FOOTER BADGES — FIXED: Đồng bộ height, căn giữa chuẩn
   ══════════════════════════════════════════════════════════ */

/* Wrapper — nằm ngoài footer, không nested container */
.footer-badges-wrapper {
  background: var(--nav-bg) !important;
  padding: 12px 0 16px !important;
  width: 100% !important;
}

/* Inner — căn giữa content, không dùng container nested */
.footer-badges-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important; /* Khoảng cách giữa 2 row */
}

/* Row — flex row, căn giữa, wrap khi mobile */
.badges-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px 24px !important; /* gap dọc 16px, ngang 24px */
  width: 100% !important;
}

/* Badge link — căn giữa, hover nhẹ */
.badge-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--radius-sm) !important;
  transition: transform var(--transition-fast) !important;
  line-height: 1 !important;
}
.badge-link:hover {
  transform: translateY(-1px) !important;
}

/* ✅ QUAN TRỌNG: Đồng bộ HEIGHT cho tất cả badge */
.badge-img {
  display: block !important;
  height: 40px !important; /* ✅ Chuẩn height cho tất cả badge */
  width: auto !important;  /* ✅ Width tự động theo aspect ratio */
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 0.9 !important;
  transition: opacity var(--transition) !important;
  vertical-align: middle !important;
}
.badge-link:hover .badge-img {
  opacity: 1 !important;
}

/* ── Max-width theo loại badge (giữ tỉ lệ, không ép cứng width) ── */
.badge-img-partnership {
  max-width: 200px !important; /* Partnership: max 200px wide */
}
.badge-img-security {
  max-width: 160px !important; /* Security: max 160px wide */
}

/* ── Responsive Mobile ── */
@media (max-width: 768px) {
  .footer-badges-wrapper {
    padding: 10px 0 14px !important;
  }
  .footer-badges-inner {
    padding: 0 16px !important;
    gap: 6px !important;
  }
  .badges-row {
    gap: 12px 18px !important;
  }
  .badge-img {
    height: 34px !important; /* Nhỏ hơn trên mobile */
  }
  .badge-img-partnership { max-width: 180px !important; }
  .badge-img-security { max-width: 140px !important; }
}

@media (max-width: 480px) {
  .badges-row {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .badge-img {
    height: 32px !important;
  }
  .badge-img-partnership { max-width: 200px !important; }
  .badge-img-security { max-width: 150px !important; }
}