/* ============================================================
   Brand overrides site-wide (child theme vinasite-hancat)
   Tông thương hiệu: xanh #0076D2 + vàng #FFD100
   ============================================================ */

/* Footer: đổi nền nâu mặc định -> xanh navy cho hợp tông logo. */
.dragon-footer,
.dragon-footer__main,
.dragon-footer__bottom{ background-color:#0a2033 !important; }
.dragon-footer__bottom{ border-top:1px solid rgba(255,255,255,.08) !important; }
.dragon-footer h3{ color:#fff !important; position:relative; padding-bottom:.5rem; }
.dragon-footer h3::after{ content:""; position:absolute; left:0; bottom:0; width:34px; height:3px; border-radius:3px; background:var(--dragon-accent,#FFD100); }

/* ============================================================
   Trang Liên hệ
   ============================================================ */
.hc-contact{ --c-blue: var(--dragon-primary,#0076D2); --c-yellow: var(--dragon-accent,#FFD100); color:#1c1a17; }
.hc-contact *{ box-sizing:border-box; }
.hc-contact__grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; align-items:stretch; margin:1.4rem 0 0; }
.hc-contact__card{ background:#fff; border:1px solid #e6ebf2; border-radius:16px; box-shadow:0 6px 24px rgba(10,40,74,.08); padding:1.6rem 1.5rem; }
.hc-contact__card h2{ margin:0 0 .3rem; font-size:1.35rem; color:var(--c-blue); }
.hc-contact__company{ font-weight:700; margin:.2rem 0 1rem; color:#0a2033; }
.hc-contact__list{ list-style:none; margin:0 0 1.2rem; padding:0; display:grid; gap:.9rem; }
.hc-contact__list li{ display:flex; gap:.75rem; align-items:flex-start; line-height:1.45; }
.hc-contact__list li a{ color:var(--c-blue) !important; text-decoration:none; font-weight:600; }
.hc-contact__list li a:hover{ text-decoration:underline; }
.hc-contact__ico{ flex:none; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:#e8f2fc; color:var(--c-blue); }
.hc-contact__ico svg{ width:20px; height:20px; }
.hc-contact__label{ display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:#7a8798; }
.hc-contact__val{ font-weight:600; }
.hc-contact__actions{ display:flex; flex-wrap:wrap; gap:.7rem; }
.hc-cbtn{ display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1.15rem; border-radius:999px; font-weight:700; text-decoration:none; color:#fff !important; font-size:.95rem; transition:transform .15s ease, filter .2s ease; }
.hc-cbtn svg{ width:18px; height:18px; }
.hc-cbtn:hover{ transform:translateY(-2px); filter:brightness(1.05); color:#fff !important; }
.hc-cbtn--call{ background:var(--c-blue); }
.hc-cbtn--zalo{ background:#0068ff; }
.hc-cbtn--mess{ background:#0084ff; }
.hc-contact__map{ border-radius:16px; overflow:hidden; border:1px solid #e6ebf2; box-shadow:0 6px 24px rgba(10,40,74,.08); min-height:340px; }
.hc-contact__map iframe{ width:100%; height:100%; min-height:340px; border:0; display:block; }
.hc-contact__note{ margin-top:1.4rem; padding:1rem 1.2rem; background:#fff8dd; border-left:4px solid var(--c-yellow); border-radius:0 12px 12px 0; }
.hc-contact__note strong{ color:#0a2033; }
@media (max-width:820px){
  .hc-contact__grid{ grid-template-columns:1fr; }
  .hc-contact__map{ min-height:300px; }
}