/* Chân trang Onflow (viết bằng code, xem onflow-home.php): nền navy thương hiệu, toàn website. */
/* Ẩn giỏ hàng nổi của theme, kể cả khi CSS WooCommerce không được tải. */
.tm-floating-woocart-wrapper{display:none!important}

.of-footer{
  --f-text:#e6edfb;--f-muted:#9db7ea;--f-line:rgba(255,255,255,.2);
  background:#0c2d72;color:var(--f-text);font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.of-f-in{max-width:1280px;margin:0 auto;padding:64px 32px 48px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2.5fr) minmax(0,2.2fr) minmax(0,2.3fr);column-gap:48px}
.of-f-contact{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.of-f-contact li{color:var(--f-text);display:flex;gap:14px;align-items:flex-start;margin:0;padding:0;font-size:14.5px;line-height:1.5}
.of-f-ico{flex:none;width:18px;margin-top:3px;color:var(--f-muted);line-height:1}
.of-f-ico svg{display:block}
.of-f-contact a{color:var(--f-text);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.of-f-contact a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.6)}
.of-f-contact li:nth-child(5){margin-top:12px;padding-top:18px;border-top:1px solid var(--f-line);position:relative}
.of-f-contact li:nth-child(5)::before{content:"Địa chỉ";position:absolute;left:0;top:-9px;padding-right:12px;background:#0c2d72;font-size:12px;line-height:1;font-weight:600;color:var(--f-muted)}
.of-f-col h2{margin:0 0 18px;font:600 13px/1.3 "Montserrat",system-ui,sans-serif;letter-spacing:0;color:var(--f-muted)}
.of-f-links{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.of-f-links li{margin:0;padding:0}
.of-f-links a{display:inline-block;font-size:14.5px;line-height:1.45;color:var(--f-text);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.of-f-links a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.6)}
.of-footer a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* thanh bản quyền + mạng xã hội */
.of-bar{background:#0c2d72;border-top:1px solid rgba(255,255,255,.2);font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.of-bar-in{max-width:1280px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.of-copy{margin:0;font-size:13px;line-height:1.4;color:#9db7ea}
.of-social{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.of-social li{margin:0;padding:0}
.of-social a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.4);border-radius:3px;font-size:13px;font-weight:600;line-height:1;color:#fff;text-decoration:none;transition:background .2s,color .2s}
.of-social a i{font-style:normal;font-size:12px}
.of-social a:hover{background:#fff;color:#0c2d72}
.of-social a:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media (max-width:1024px){
  .of-f-in{grid-template-columns:1fr 1fr;row-gap:36px;padding:48px 32px 36px}
  .of-f-brand{grid-column:1/-1}
}
@media (max-width:600px){
  .of-f-in{grid-template-columns:1fr;padding:40px 20px 28px}
  .of-bar-in{padding:18px 20px}
}
@media (prefers-reduced-motion:reduce){.of-f-links a,.of-f-contact a,.of-social a{transition:none}}

/* Logo + giới thiệu ngắn, CTA đầu footer, chữ rõ hơn */
.of-footer{--f-muted:#b4c7f0}
.of-f-logo{display:inline-block;margin-bottom:16px}
.of-f-logo img{display:block;width:130px;height:auto}
.of-f-about{margin:0 0 24px;max-width:30em;font-size:15px;line-height:1.65;color:var(--f-text)}
.of-f-contact li{font-size:15px}
.of-f-col h2{font-size:14px;letter-spacing:.02em;margin-bottom:20px}
.of-f-links a{font-size:15px}
.of-f-cta{border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(120deg,#123d9a,#0c2d72)}
.of-f-cta-in{max-width:1280px;margin:0 auto;padding:40px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.of-f-cta p{margin:0;display:grid;gap:6px;max-width:42em}
.of-f-cta b{font-size:clamp(19px,2vw,26px);line-height:1.25;font-weight:600;letter-spacing:-.02em;color:#fff}
.of-f-cta span{font-size:15px;color:var(--f-text)}
.of-f-cta-act{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.of-f-btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 26px;background:#fff;color:#0c2d72!important;font:600 15px/1 "Montserrat",system-ui,sans-serif;text-decoration:none;border-radius:2px;transition:background .2s,color .2s}
.of-f-btn:hover{background:#f58220;color:#fff!important}
.of-f-tel{font:600 17px/1 "Montserrat",system-ui,sans-serif;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
@media (max-width:1024px){.of-f-in{grid-template-columns:1fr 1fr 1fr}.of-f-brand{grid-column:1/-1}}
@media (max-width:700px){.of-f-in{grid-template-columns:1fr 1fr}.of-f-cta-in{padding:32px 20px}.of-f-col h2{font-size:14.5px}}
@media (max-width:480px){.of-f-in{grid-template-columns:1fr}}
.of-f-cta .of-f-btn span{color:inherit;font-size:inherit}
.of-f-tag{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:3px;font-style:normal;font-size:11.5px;font-weight:600;line-height:1.4;letter-spacing:.02em;color:#0c2d72;background:#dbe6fb;vertical-align:1px}
.of-f-mst{display:block;margin-top:4px;font-size:13.5px;color:var(--f-muted)}