/* ============================================================
   HÒA CƯỜNG — Iteration 6: FOOTER rebuild modern
   Removes: irrelevant social (Twitter/Pinterest/LinkedIn), empty FB widget
   Adds: trust seals row, newsletter card, GPKD legal
   ============================================================ */

/* ── Footer wrapper — gradient stripe + tighten ── */
.footer-wrapper {
  position: relative;
}
.footer-wrapper::before {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #ff6a00 0%, #c8102e 40%, #0d4d8c 70%, #ff6a00 100%);
}

/* ── Column titles — orange accent underline ── */
.footer-wrapper h4,
.footer-section h4,
.absolute-footer h4 {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
  position: relative !important;
  border: none !important;
}
.footer-wrapper h4::after,
.footer-section h4::after,
.absolute-footer h4::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 36px;
  height: 2px;
  background: #ff6a00;
}

/* ── List items — clean bullet + spacing ── */
.footer-wrapper li,
.footer-section li {
  list-style: none !important;
  padding-left: 0 !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
.footer-wrapper li::marker { display: none !important; }
.footer-wrapper li a,
.footer-section li a {
  color: rgba(255, 255, 255, 0.78) !important;
  transition: color 150ms;
}
.footer-wrapper li a:hover,
.footer-section li a:hover {
  color: #ff8a1a !important;
}

/* ── Hide useless social icons (keep only FB) ── */
.footer-wrapper a[href*="twitter.com"],
.footer-wrapper a[href*="pinterest.com"],
.footer-wrapper a[href*="linkedin.com"],
.footer-wrapper a[href*="mailto:"] .icon-envelop,
.footer-wrapper .icon-twitter,
.footer-wrapper .icon-pinterest,
.footer-wrapper .icon-linkedin {
  display: none !important;
}

/* ── Social icons — modern circle look ── */
.footer-wrapper .social-icons a,
.footer-wrapper a[href*="facebook.com"],
.footer-wrapper a[href*="zalo"],
.footer-wrapper a[href*="youtube.com"],
.footer-wrapper a[href*="tiktok.com"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  margin-right: 8px !important;
  transition: all 180ms ease !important;
}
.footer-wrapper a[href*="facebook.com"]:hover { background: #1877f2 !important; }
.footer-wrapper a[href*="zalo"]:hover { background: #0068ff !important; }
.footer-wrapper a[href*="youtube.com"]:hover { background: #ff0000 !important; }

/* ── Trust seals row injected at end of footer ── */
.hc-footer-trust {
  background: rgba(0, 0, 0, 0.18);
  padding: 18px 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
.hc-footer-trust .hc-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hc-footer-trust .hc-trust-item strong {
  color: rgba(255, 255, 255, 0.95);
  font-size: 13.5px;
  letter-spacing: 0.2px;
}
.hc-footer-trust .hc-trust-sep {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 767px) {
  .hc-footer-trust { flex-direction: column; gap: 12px; }
  .hc-footer-trust .hc-trust-sep { display: none; }
}

/* ── Absolute footer bottom strip — tighter ── */
.absolute-footer,
.absolute-footer.dark {
  padding: 14px 16px !important;
  font-size: 13px !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.absolute-footer .footer-nav,
.absolute-footer .footer-nav a {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
.absolute-footer .footer-nav a:hover {
  color: #ff8a1a !important;
}

/* ── Newsletter / Zalo card replaces empty FB ── */
.hc-fb-replace {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 16px;
  margin-top: 16px;
}
.hc-fb-replace h5 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}
.hc-fb-replace p {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 13px !important;
  margin: 0 0 12px !important;
  line-height: 1.5 !important;
}
.hc-fb-replace .hc-zalo-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #0068ff;
  color: #fff !important;
  font-weight: 700;
  font-size: 13.5px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 150ms;
}
.hc-fb-replace .hc-zalo-cta:hover {
  background: #0078ff;
  transform: translateY(-1px);
}