/*
Theme Name: BHMT Logistics
Theme URI: https://bachhoamoitruonglogistics.vn
Author: Anvinasoft
Description: Theme con của Flatsome cho Bách Hoá Môi Trường Logistics. Bổ sung khối tính cước vận chuyển theo bản đồ OpenStreetMap (24 tỉnh Bắc–Trung, tính km đường bộ + VAT) và page builder riêng [bhmt_builder]. Kế thừa toàn bộ giao diện & tính năng Flatsome.
Template: flatsome
Version: 3.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: bhmt-shipping-child
*/



:root{
  --g900:#14532d;--g700:#176c37;--g600:#2e9e2e;--g500:#43c04d;--g100:#e6f6e6;
  --gold:#e0a800;--ink:#1b2a1b;--slate:#566656;--line:#dce8da;--mist:#f5faf4;--white:#fff;--danger:#c0392b;
  --radius:14px;--radius-sm:9px;--radius-lg:22px;
  --shadow-sm:0 1px 3px rgba(20,83,45,.08);--shadow:0 10px 30px rgba(20,83,45,.12);--shadow-lg:0 24px 56px rgba(20,83,45,.16);
  --font-display:"Fraunces",Georgia,serif;--font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace;
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--mist);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;font-weight:600;margin:.2em 0 .4em}
h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.02em}
h2{font-size:clamp(1.3rem,2.5vw,1.7rem)}
.container{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;gap:1rem;padding-block:.9rem}
.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--g900);text-decoration:none}
.brand .brand-logo{height:58px;width:auto;display:block}
.brand .brand-name{line-height:1.15;max-width:18ch}
.brand .mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--g600),var(--g500));display:grid;place-items:center;color:#fff;flex:none}
.brand .mark svg{width:24px;height:24px}
@media(max-width:560px){.brand .brand-name{display:none}.brand .brand-logo{height:46px}}
.site-header .hotline{margin-left:auto;font-weight:600;color:var(--g700);text-decoration:none;font-size:.95rem}

/* Hero */
.hero{background:linear-gradient(135deg,var(--g900),var(--g600));color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(67,192,77,.25)}
.hero .container{position:relative;padding-block:clamp(34px,5vw,56px);text-align:center}
.hero-logo{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:50%;padding:12px;margin:0 auto .6rem;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hero h1{color:#fff}
.hero p{color:#dff4df;max-width:62ch;margin:0 auto;font-size:1.08rem}

/* Calculator layout */
.calc{padding-block:clamp(28px,4vw,48px)}
.calc-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:1.5rem;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}
.card-head{padding:1rem 1.3rem;background:var(--g100);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.6rem}
.card-head h2{margin:0;font-size:1.12rem}
.card-head .ic{font-size:1.3rem}
.card-body{padding:1.3rem}

/* Map */
.map-mode{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.map-mode-lbl{font-size:.85rem;color:var(--slate);font-weight:600}
.mode-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1px solid var(--line);background:#fff;border-radius:99px;font:inherit;font-size:.86rem;font-weight:600;color:var(--slate);cursor:pointer;transition:.15s}
.mode-btn:hover{border-color:var(--g500)}
.mode-btn.active{background:var(--g100);border-color:var(--g600);color:var(--g700)}
.mode-btn .dot{width:11px;height:11px;border-radius:50%;flex:none}
#map{width:100%;height:520px;background:var(--mist)}
.map-hint{font-size:.85rem;color:var(--slate);padding:.7rem 1.3rem;border-top:1px solid var(--line);display:flex;gap:.5rem;align-items:center;background:#fff}
.map-hint b{color:var(--g700)}

/* Form */
.field{margin-bottom:1rem}
.field label{display:block;font-size:.86rem;font-weight:600;color:var(--slate);margin-bottom:.35rem}
.field input,.field select{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:.95rem;background:#fff}
.field input:focus,.field select:focus{outline:none;border-color:var(--g600);box-shadow:0 0 0 3px var(--g100)}
.row{display:grid;gap:.7rem}
.row-3{grid-template-columns:1fr 1fr 1fr}
.row-2{grid-template-columns:1fr 1fr}
.unit-wrap{display:flex}
.unit-wrap input{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
.unit-wrap .unit{display:flex;align-items:center;padding:0 .8rem;background:var(--mist);border:1px solid var(--line);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--slate);font-size:.88rem}
.pts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
.pt{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--mist);font-size:.9rem}
.seg{display:flex;gap:.4rem}
.seg-btn{flex:1;padding:.6rem;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);font:inherit;font-size:.88rem;font-weight:600;color:var(--slate);cursor:pointer;transition:.15s}
.seg-btn:hover{border-color:var(--g500)}
.seg-btn.active{background:var(--g100);border-color:var(--g600);color:var(--g700)}
.pt .dot{width:12px;height:12px;border-radius:50%;flex:none}
.pt .dot.a{background:var(--g600)}
.pt .dot.b{background:var(--danger)}
.pt .lbl{color:var(--slate);font-size:.8rem}
.pt .val{font-weight:600;font-family:var(--font-mono);font-size:.82rem;margin-left:auto;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;padding:.95rem 1.4rem;border:0;border-radius:var(--radius-sm);background:var(--g600);color:#fff;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--g700)}
.btn.secondary{background:#fff;color:var(--g700);border:1px solid var(--line)}
.btn.secondary:hover{background:var(--mist)}

/* Result */
.result{margin-top:1.1rem;border-top:1px dashed var(--line);padding-top:1.1rem;display:none}
.result.show{display:block;animation:fade .3s}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.result .line{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.93rem;color:var(--slate)}
.result .line span:last-child{font-weight:600;color:var(--ink);font-family:var(--font-mono)}
.result .total{margin-top:.6rem;padding-top:.8rem;border-top:2px solid var(--g100);display:flex;justify-content:space-between;align-items:baseline}
.result .total .lbl{font-weight:700;font-size:1.05rem}
.result .total .amt{font-family:var(--font-mono);font-weight:700;font-size:1.7rem;color:var(--g600)}
.result .meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.result .chip{background:var(--g100);color:var(--g700);border-radius:99px;padding:.25rem .8rem;font-size:.8rem;font-weight:600}
.err{color:var(--danger);font-size:.9rem;margin-top:.6rem}

/* Steps strip */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}
.stepcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;text-align:center}
.stepcard .n{width:34px;height:34px;border-radius:50%;background:var(--g600);color:#fff;display:grid;place-items:center;font-weight:700;margin:0 auto .5rem}
.stepcard p{margin:0;font-size:.86rem;color:var(--slate)}

/* Footer */
/* Footer — nền xanh như ảnh thương hiệu */
.site-footer{background:#1d8a3c;color:#eafbef;margin-top:2rem;font-size:.92rem}
.site-footer a{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;padding-block:2.6rem 2rem;align-items:start}
.footer-col h4{font-family:var(--font-body);font-weight:700;font-size:1.15rem;color:#fff;margin:0 0 1rem}
.footer-company{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff;margin:.2rem 0 1rem;line-height:1.3}
.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.footer-list li{position:relative;padding-left:1.1rem;color:#d8f3df;line-height:1.5;font-size:.88rem}
.footer-list li::before{content:"•";position:absolute;left:0;color:#bfe9c8}
.footer-list b{color:#fff;font-weight:600}
.footer-links{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.7rem}
.footer-links li{position:relative;padding-left:1.1rem}
.footer-links li::before{content:"•";position:absolute;left:0;color:#bfe9c8}
.footer-links a{color:#eafbef;text-decoration:none}
.footer-links a:hover{color:#fff;text-decoration:underline}

/* Hotline nổi bật */
.footer-hotline{display:inline-flex;align-items:center;gap:.7rem;margin:1.4rem 0 .8rem;
  background:#fff;color:#1d8a3c;border-radius:12px;padding:.7rem 1.2rem;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .15s}
.footer-hotline:hover{transform:translateY(-2px);color:#176c37}
.footer-hotline .ic{font-size:1.6rem;line-height:1}
.footer-hotline small{display:block;font-size:.72rem;color:#3a7a48;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.footer-hotline strong{display:block;font-size:1.55rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em;color:#1d8a3c}
.footer-email{margin:.4rem 0 0;font-size:.9rem}
.footer-email a{color:#fff;text-decoration:none}

/* Social */
.footer-social{display:flex;gap:.5rem;flex-wrap:wrap}
.footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);
  display:grid;place-items:center;color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:.15s}
.footer-social a:hover{background:#fff;color:#1d8a3c}

/* Badges chứng nhận */
.footer-badges{display:flex;flex-direction:column;gap:.8rem}
.badge-box{background:#fff;color:#1558a8;border-radius:8px;padding:.7rem 1rem;font-weight:800;font-size:.95rem;text-align:center;line-height:1.25;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.badge-box small{display:block;font-size:.7rem;font-weight:700;color:#1558a8}
.badge-box.dmca{background:#1b1b1b;color:#fff;font-size:.85rem}
.badge-box.dmca span{color:#2ecc71}
.badge-box.iso{color:#1d8a3c;border:2px solid #1d8a3c}

.footer-bottom{background:rgba(0,0,0,.15);padding:.9rem 0;font-size:.82rem;color:#d8f3df}
.footer-bottom .container{text-align:center}

@media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:2rem}}

@media(max-width:920px){
  .calc-grid{grid-template-columns:1fr}
  #map{height:380px}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .row-3{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}

/* ====== Layout v2 — bản đồ trên, form đi/đến, tính tiền (1 cột, mobile=desktop) ====== */
.calc-v2{padding:0 0 2rem}
.calc-v2 .container{max-width:100%;padding-inline:0}
.map-v2{width:100%;height:clamp(380px,52vh,620px);border-radius:0;background:var(--mist);z-index:0}
.calc-v2 .panel,.calc-v2 .totals,.calc-v2 .result{max-width:1180px;margin-inline:auto;width:calc(100% - clamp(32px,8vw,80px))}
.panel{background:#fff;border:2px solid var(--g500);border-radius:18px;margin:-1px 0 1.2rem;padding:1.4rem;box-shadow:0 10px 30px rgba(20,83,45,.08)}
.od-row{display:flex;align-items:flex-end;gap:.6rem}
.od-row .od-field{flex:1}
.od-field{margin-bottom:1rem}
.od-field label{display:block;font-weight:700;color:var(--g900);margin:0 0 .4rem;font-size:.95rem}
.od-field .req{color:var(--danger,#c0392b)}
.od-field select,.od-field input{width:100%;padding:.8rem 1rem;border:1px solid var(--line,#d9e6d9);border-radius:12px;font:inherit;background:#fff;box-shadow:0 4px 10px rgba(20,83,45,.05)}
.od-field select:focus,.od-field input:focus{outline:none;border-color:var(--g500)}
.swap{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line,#d9e6d9);background:#fff;color:var(--g600);font-size:1.1rem;cursor:pointer;margin-bottom:1rem}
.swap:hover{background:var(--g100)}
.od-extra{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.btn-pay{display:block;width:100%;max-width:340px;margin:.6rem auto 0;padding:1rem 1.5rem;border:none;border-radius:30px;
  background:var(--gold,#e0a800);color:#1b2a1b;font-weight:800;font-size:1.15rem;letter-spacing:.04em;cursor:pointer;
  box-shadow:0 8px 20px rgba(224,168,0,.35);transition:transform .12s}
.btn-pay:hover{transform:translateY(-2px)}
.totals{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.tot-field label{display:block;font-weight:700;color:var(--g900);margin:0 0 .4rem}
.tot-box{padding:.85rem 1rem;border:1px solid var(--line,#d9e6d9);border-radius:12px;background:#f6faf6;color:var(--slate);font-family:var(--font-mono);font-size:1.05rem}
.tot-box.price{color:var(--g700);font-weight:700}
.ref-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.4rem;opacity:.95}
.ref-fields input[type=hidden]{display:none}

@media(max-width:620px){
  .od-extra{grid-template-columns:1fr}
  .ref-fields{grid-template-columns:1fr}
  .map-v2{height:300px}
}

/* ====== 2 thẻ Điểm đi / Điểm đến cân đối ====== */
.od-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem}
.od-card{border:1.5px solid var(--line,#d9e6d9);border-radius:14px;padding:1.1rem 1.1rem .4rem;background:#fcfffc}
.od-card.from{border-color:#bfe9c8;background:#f5fcf6}
.od-card.to{border-color:#f3c9c2;background:#fef7f5}
.od-card-head{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem}
.od-card-head .od-ic{font-size:1rem}
.od-card-head h3{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--g900)}
.od-card.to .od-card-head h3{color:#9b2d1f}
@media(max-width:720px){.od-grid{grid-template-columns:1fr;gap:1rem}}

/* Trang chủ logistics (child theme Flatsome): ẩn tiêu đề trang, full-width */
.bhmt-logistics-front .page-title,
.bhmt-logistics-front .entry-title,
.bhmt-logistics-front .page-header{display:none !important}
.bhmt-logistics-front #content,
.bhmt-logistics-front .page-wrapper{padding-top:0 !important}
.bhmt-logistics-front .site-header{margin-top:0}

/* ============================================================
   CÁCH LY KHỎI FLATSOME (ưu tiên cao) — sửa lỗi font & bố cục
   Mọi nội dung BHMT bọc trong .bhmt-app. Ép font + container riêng.
   ============================================================ */
.bhmt-app, .bhmt-app *{box-sizing:border-box}
.bhmt-app{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif !important;line-height:1.65;color:var(--ink)}
.bhmt-app h1,.bhmt-app h2,.bhmt-app h3,.bhmt-app h4{font-family:"Fraunces",Georgia,serif !important;line-height:1.15;font-weight:600}
.bhmt-app .od-card-head h3{font-family:"Fraunces",Georgia,serif !important}
.bhmt-app .tot-box,.bhmt-app #kmOut,.bhmt-app #priceOut{font-family:"JetBrains Mono",monospace !important}

/* container riêng — KHÔNG để Flatsome .container đè */
.bhmt-app .bhmt-container{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px);width:100%}
.calc-v2 .bhmt-container{max-width:100%;padding-inline:0}
.bhmt-app .panel,.bhmt-app .totals,.bhmt-app #result{max-width:1180px;margin-inline:auto;width:calc(100% - clamp(32px,8vw,80px))}

/* reset các phần tử form/nút trong scope (Flatsome hay đè) */
.bhmt-app select,.bhmt-app input,.bhmt-app button{font-family:inherit !important;font-size:1rem;line-height:1.4;letter-spacing:normal;text-transform:none;margin:0}
.bhmt-app .btn-pay{width:100%;max-width:340px;border:none;cursor:pointer}
.bhmt-app a{box-shadow:none;text-decoration:none}
.bhmt-app .od-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:720px){.bhmt-app .od-grid{grid-template-columns:1fr}}

/* Flatsome bọc trang trong .row/.col — đảm bảo full width cho app */
.bhmt-logistics-front .row,.bhmt-logistics-front .col,
.bhmt-logistics-front .container,.bhmt-logistics-front .page-wrapper,
.bhmt-logistics-front #content .row{max-width:100% !important;width:100% !important;padding:0 !important;margin:0 !important}
.bhmt-logistics-front .col{flex:0 0 100% !important}

/* ============================================================
   FIX v3.0.5 — lỗi select bị cắt chữ + bố cục desktop bị bóp
   ============================================================ */
/* 1) Select/input: ép chiều cao tự động, không bị Flatsome cắt chữ */
.bhmt-app select,
.bhmt-app .od-field select,
.bhmt-app .od-field input{
	height:auto !important;
	min-height:48px !important;
	line-height:1.5 !important;
	padding:12px 14px !important;
	font-size:15px !important;
	background-image:none;
	-webkit-appearance:menulist !important;
	appearance:menulist !important;
	max-width:100% !important;
	width:100% !important;
}
.bhmt-app .od-field{margin-bottom:14px}
.bhmt-app .od-field label{display:block;line-height:1.4;margin-bottom:6px;overflow:visible}

/* 2) Bố cục desktop: ép app + cha Flatsome tràn full chiều rộng */
.bhmt-logistics-front #content,
.bhmt-logistics-front .page-wrapper,
.bhmt-logistics-front #main,
.bhmt-logistics-front .container,
.bhmt-logistics-front .container .row,
.bhmt-logistics-front .row,
.bhmt-logistics-front .row > .col,
.bhmt-logistics-front .col-inner,
.bhmt-logistics-front .entry-content,
.bhmt-logistics-front .page-content{
	max-width:100% !important;
	width:100% !important;
	flex:0 0 100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* App chiếm trọn chiều ngang */
.bhmt-app{width:100%;max-width:100%}
.bhmt-app .calc-v2{width:100%}

/* 3) Cách dòng tiêu đề thẻ Điểm đi/đến cho thoáng */
.bhmt-app .od-card{padding:18px}
.bhmt-app .od-card-head{margin-bottom:14px}

/* ============================================================
   FIX v3.0.7 — footer tràn full, bỏ viền/nền trắng của Flatsome
   ============================================================ */
/* footer-bottom dùng bhmt-container (đã đổi tên) + canh giữa */
.footer-bottom .bhmt-container{text-align:center}

/* App + footer tràn sát mép, bỏ mọi padding/nền trắng Flatsome bao ngoài */
.bhmt-logistics-front #content,
.bhmt-logistics-front .page-wrapper-full,
.bhmt-logistics-front .page-wrapper,
.bhmt-logistics-front #main,
.bhmt-logistics-front .entry-content{
	background:transparent !important;
	padding:0 !important;
	margin:0 !important;
}
/* Khối chứa shortcode footer tràn full width */
.bhmt-logistics-front .bhmt-app{margin:0 !important;padding:0 !important;width:100% !important;max-width:100% !important}
.bhmt-app .site-footer{margin:0 !important;width:100%}

/* Phần đáy xanh đậm: tràn full, không còn dải trắng */
.bhmt-app .footer-bottom{
	background:#176c37 !important;
	padding:.9rem 0 !important;
	margin:0 !important;
	width:100%;
	color:#eafbef !important;
}
/* Xóa khoảng trắng dưới cùng trang (Flatsome absolute-footer / khoảng đệm body) */
.bhmt-logistics-front .absolute-footer,
.bhmt-logistics-front #colophon{display:none !important}
.bhmt-logistics-front{background:#176c37}

/* ============================================================
   FIX v3.0.8 — header: logo trái + hotline phải trên 1 hàng
   ============================================================ */
.bhmt-app .site-header .bhmt-container{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	flex-wrap:nowrap !important;
	gap:1rem;
	padding-block:.9rem;
}
.bhmt-app .site-header .brand{
	display:flex !important;
	align-items:center;
	flex:0 0 auto;
}
.bhmt-app .site-header .hotline{
	margin-left:auto !important;
	flex:0 0 auto;
	white-space:nowrap;
	font-weight:600;
	color:var(--g700);
	text-decoration:none;
	font-size:1.05rem;
}
.bhmt-app .site-header .brand-logo{height:58px !important;width:auto !important}
@media(max-width:560px){
	.bhmt-app .site-header .hotline{font-size:.95rem}
	.bhmt-app .site-header .brand-logo{height:46px !important}
}

/* ============================================================
   FIX v3.0.9 — font tiêu đề footer (Fraunces) + bỏ dải trắng chân trang
   ============================================================ */
/* Tiêu đề footer dùng Fraunces giống trang gốc */
.bhmt-app .footer-col h4{
	font-family:"Fraunces",Georgia,serif !important;
	font-weight:700 !important;
	font-size:1.2rem !important;
	color:#fff !important;
}
.bhmt-app .footer-company{font-family:"Fraunces",Georgia,serif !important}

/* Bỏ dải trắng dưới cùng trang (Flatsome footer/colophon/khoảng đệm body) */
.bhmt-logistics-front #colophon,
.bhmt-logistics-front .absolute-footer,
.bhmt-logistics-front #footer,
.bhmt-logistics-front .footer-wrapper,
.bhmt-logistics-front footer#footer,
.bhmt-logistics-front .footer-1,
.bhmt-logistics-front .footer-2{
	display:none !important;
}
/* Ép nền body + html xanh để không lộ trắng khi cuộn hết */
html.bhmt-logistics-front, body.bhmt-logistics-front,
.bhmt-logistics-front #wrapper,
.bhmt-logistics-front .page-wrapper{
	background:#176c37 !important;
}
/* footer riêng là phần tử cuối, không margin dưới */
.bhmt-app .site-footer{margin-bottom:0 !important}
.bhmt-app .footer-bottom{margin-bottom:0 !important;padding-bottom:1rem !important}