/* =============================================================
   XE TẢI THÀNH HƯNG — Footer mới (bộ "hhf")
   Nạp TOÀN SITE. Markup nằm trong footer.php (nội dung sửa ở đầu file đó).
   LƯU Ý: khai text-align / color / max-width kèm TAG vì style.css của theme
   có rule đè trên thẻ p / a / span / h3.
   ============================================================= */
.hhf{background:#fbe4e7;color:var(--hh-ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:14px;line-height:1.6;padding:0 0 26px;border-top:4px solid var(--hh-red)}
.hhf *{box-sizing:border-box}
.hhf-wrap{max-width:1160px;margin:0 auto;padding:0 20px;width:100%}
.hhf a{text-decoration:none}

/* --- lưới 4 cột --- */
.hhf-cols{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.3fr;gap:38px;padding-top:48px}
.hhf-col{min-width:0}

/* logo chữ */
.hhf-logo{font-size:23px;font-weight:800;color:var(--hh-red);letter-spacing:.4px;line-height:1.2;margin-bottom:10px}
.hhf-logo span{color:var(--hh-ink)}
.hhf .hhf-brandcol p{color:#454e5c;margin:8px 0 0;text-align:left;max-width:none;font-size:13.5px}

/* tiêu đề cột */
.hhf .hhf-col h4{color:var(--hh-red);font-size:16px;margin:0 0 14px;font-weight:700;position:relative;padding-bottom:8px;line-height:1.35;text-align:left;text-transform:none}
.hhf .hhf-col h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--hh-red);border-radius:2px}

/* danh sách liên hệ */
.hhf-contact{list-style:none;padding:0;margin:14px 0 0}
.hhf-contact li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;color:#3a4250;font-size:13.5px;text-align:left;line-height:1.6}
.hhf-contact li svg{flex:0 0 auto;width:16px;height:16px;color:var(--hh-red);margin-top:3px;stroke-linecap:round;stroke-linejoin:round}
.hhf .hhf-contact a{color:#3a4250}
.hhf .hhf-contact a:hover{color:var(--hh-red)}

/* nhãn ưu đãi */
.hhf-promo{display:inline-block;margin-top:16px;background:var(--hh-red);color:#fff;font-weight:700;font-size:12.5px;padding:8px 16px;border-radius:24px;box-shadow:0 4px 12px rgba(214,37,43,.3);line-height:1.4}

/* mạng xã hội */
.hhf-social{display:flex;gap:10px;margin-top:18px}
.hhf .hhf-social a{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #f0c7cb;color:var(--hh-red);display:flex;align-items:center;justify-content:center;padding:0;transition:.2s}
.hhf .hhf-social a:hover{background:var(--hh-red);color:#fff;transform:translateY(-2px)}
.hhf-social svg{width:18px;height:18px}

/* menu 2 cột giữa */
.hhf-links{list-style:none;margin:0;padding:0}
.hhf-links li{padding:0;text-align:left}
.hhf .hhf-links a{display:block;color:#3a4250;padding:5px 0;font-size:13.5px;transition:.15s;line-height:1.6}
.hhf .hhf-links a:hover{color:var(--hh-red);transform:translateX(3px)}

/* cột chi nhánh */
.hhf-branch{font-size:13.5px;color:#3a4250;line-height:2;text-align:left}
.hhf-branch b{color:var(--hh-ink)}

/* --- KHỐI ĐĂNG KÝ EMAIL ---
   Giữ nguyên cấu trúc cũ: h3.head1 + div.dflex + input.email1 + shortcode [jplink4m]
   để script của nút (đọc giá trị từ #email) vẫn hoạt động. */
.hhf-news{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;background:#fff;border:1px solid #f0c7cb;border-radius:16px;padding:22px 26px;margin-top:40px;box-shadow:0 4px 16px rgba(20,30,50,.05)}
.hhf-news-tx{min-width:0}
.hhf .hhf-news-tx h3.head1{font-size:17px;color:var(--hh-ink);margin:0 0 3px;font-weight:800;text-align:left;text-transform:none;padding:0;line-height:1.35}
.hhf .hhf-news-tx h3.head1::after{display:none}
.hhf .hhf-news-tx span{font-size:13.5px;color:var(--hh-muted)}
.hhf .hhf-news .dflex{display:flex;gap:10px;flex:0 0 auto;align-items:center;flex-wrap:wrap;margin:0}
.hhf .hhf-news .dflex input.email1{width:auto;min-width:250px;border:1px solid #e0c3c6;border-radius:8px;padding:12px 15px;font-size:14px;font-family:inherit;color:var(--hh-ink);background:#fff;height:auto;margin:0;box-shadow:none;line-height:1.3}
.hhf .hhf-news .dflex input.email1:focus{outline:none;border-color:var(--hh-red)}
/* nút do shortcode [jplink4m] sinh ra — không biết nó xuất thẻ gì nên bắt cả a / button / input */
.hhf .hhf-news .dflex > a,
.hhf .hhf-news .dflex button,
.hhf .hhf-news .dflex input[type="submit"],
.hhf .hhf-news .dflex input[type="button"]{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;background:var(--hh-red);color:#fff;border:2px solid var(--hh-red);border-radius:8px;padding:12px 26px;font-family:inherit;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:.2s;height:auto;line-height:1.2;text-decoration:none;white-space:nowrap}
.hhf .hhf-news .dflex > a:hover,
.hhf .hhf-news .dflex button:hover,
.hhf .hhf-news .dflex input[type="submit"]:hover,
.hhf .hhf-news .dflex input[type="button"]:hover{background:var(--hh-redd);border-color:var(--hh-redd);color:#fff}

/* --- DÒNG BẢN QUYỀN ---
   Nội dung lấy từ Customizer (footer_copyright) nên mang theo markup riêng
   của theme (div.row, col-*, float...). Phải ép căn giữa cho MỌI thẻ con,
   vì text-align ở thẻ cha không thắng được rule khớp trực tiếp lên con. */
.hhf-bot{border-top:1px solid rgba(0,0,0,.12);margin-top:34px;padding-top:20px;font-size:13px;color:#6b7280}
.hhf .hhf-bot,
.hhf .hhf-bot *{text-align:center;float:none}
.hhf .hhf-bot .row,
.hhf .hhf-bot .container{display:block;width:100%;max-width:none;margin:0;padding:0}
.hhf .hhf-bot [class*="col-"]{display:block;width:100%;max-width:100%;flex:none;padding-left:0;padding-right:0;margin:0}
.hhf .hhf-bot p{margin:0 0 4px;color:#6b7280;font-size:13px}
.hhf .hhf-bot p:last-child{margin-bottom:0}
.hhf .hhf-bot a{color:#6b7280}
.hhf .hhf-bot a:hover{color:var(--hh-red)}
.hhf .hhf-bot img{display:inline-block;margin:8px auto 0;vertical-align:middle}

/* ================= RESPONSIVE ================= */
@media(max-width:1024px){
  .hhf-cols{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:640px){
  .hhf-wrap{padding:0 16px}
  .hhf-cols{grid-template-columns:1fr;gap:26px;padding-top:32px}
  .hhf-logo{font-size:20px}
  .hhf-news{padding:18px;margin-top:28px;gap:14px}
  .hhf .hhf-news .dflex{width:100%}
  .hhf .hhf-news .dflex input.email1{min-width:0;flex:1;font-size:16px}
  .hhf .hhf-news .dflex > a,
  .hhf .hhf-news .dflex button,
  .hhf .hhf-news .dflex input[type="submit"],
  .hhf .hhf-news .dflex input[type="button"]{width:100%;padding:12px 18px}
  .hhf-bot{margin-top:24px}
}