/* heart98 global header call button — loads on ALL pages (page/post/archive).
   Front page has its own .btn-primary; this styles the GP header CTA. */

/* ---- Global font: Lexend Deca on the WHOLE site (page/post/archive) ---- */
@font-face{font-family:"Lexend Deca";src:url("https://heart98shoecare.com/wp-content/uploads/heart98/fonts/LexendDeca-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend Deca";src:url("https://heart98shoecare.com/wp-content/uploads/heart98/fonts/LexendDeca-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend Deca";src:url("https://heart98shoecare.com/wp-content/uploads/heart98/fonts/LexendDeca-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend Deca";src:url("https://heart98shoecare.com/wp-content/uploads/heart98/fonts/LexendDeca-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend Deca";src:url("https://heart98shoecare.com/wp-content/uploads/heart98/fonts/LexendDeca-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
body,body.generate-page,.entry-content,.site-content,.widget,button,input,select,textarea,.main-navigation,.site-info{font-family:"Lexend Deca",Arial,sans-serif}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title{font-family:"Lexend Deca",Arial,sans-serif}

.h98-header-cta{display:flex;align-items:center;margin-left:auto}
.h98-call-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:10px 18px;border-radius:999px;
  background:#db1738;color:#fff !important;font-weight:600;font-size:.92rem;
  text-decoration:none;white-space:nowrap;
  box-shadow:0 12px 26px rgba(219,23,56,.22);
  transition:transform .2s ease,box-shadow .2s ease;
}
.h98-call-btn:hover{transform:translateY(-2px);color:#fff !important}

/* button lives in .inside-header next to logo -> visible on mobile too */
.inside-header{display:flex;align-items:center;flex-wrap:wrap}
.inside-header .h98-header-cta{margin-left:auto;padding:0 10px;order:99}

@media (max-width:768px){
  .h98-call-btn{padding:8px 14px;font-size:.85rem;min-height:38px}
  .inside-header .h98-header-cta{padding:0 6px;margin-left:auto}
}

/* Global footer sync (page/post) — matches front-page footer look */
.site-info{border-top:1px solid rgba(23,49,120,.14);background:#f7f9fd;color:#667085;font-size:.88rem}
.site-info .inside-site-info{justify-content:flex-start !important;text-align:left !important}
.site-info .copyright-bar{padding:0;width:100%;text-align:left}
.h98-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;line-height:1.6;width:100%}
.h98-footer-brand{color:#071d4f;font-weight:800}
.h98-brand-a{color:#db1738}
@media (max-width:720px){ .h98-footer-inner{display:grid;text-align:left} }

/* ---- Shared CONTACT block in global footer (page/post) ---- */
.h98-foot-contact{margin:0 0 34px}
.h98-foot-contact *{box-sizing:border-box}
.h98-foot-contact .contact-shell{border-radius:32px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#173178,#071d4f);color:#fff;padding:clamp(28px,5vw,52px);box-shadow:0 26px 70px rgba(7,29,79,.22);text-align:left}
.h98-foot-contact .contact-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:34px;align-items:start}
.h98-foot-contact .section-kicker{color:#fff;font-size:.82rem;font-weight:700;margin-bottom:8px}
.h98-foot-contact .section-title{color:#fff;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.12;font-weight:800;margin:0}
.h98-foot-contact .brand-text{color:inherit;font-weight:inherit}
.h98-foot-contact .online-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.h98-foot-contact .online-card{border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08);color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.10);min-height:132px;padding:18px;text-decoration:none;display:block}
.h98-foot-contact .online-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;margin-bottom:14px;background:#fff;color:#173178;font-weight:800}
.h98-foot-contact .online-icon.zalo{color:#0068ff}
.h98-foot-contact .online-icon.facebook{color:#1877f2}
.h98-foot-contact .online-icon.messenger{color:#db1738}
.h98-foot-contact .online-card span,.h98-foot-contact .direct-card span{display:block;color:rgba(255,255,255,.7);font-size:.78rem;font-weight:600;margin-bottom:6px}
.h98-foot-contact .online-card strong,.h98-foot-contact .direct-card strong,.h98-foot-contact .direct-card a{color:#fff;font-weight:800;overflow-wrap:anywhere;text-decoration:none}
.h98-foot-contact .direct-info{padding-top:28px}
.h98-foot-contact .direct-title{color:#fff;font-size:1.25rem;margin:0 0 18px}
.h98-foot-contact .direct-grid{display:grid;gap:16px}
.h98-foot-contact .direct-card{min-height:0;padding:0;border:0;background:transparent;box-shadow:none}
.h98-foot-contact .map-button{display:inline-flex;align-items:center;justify-content:center;margin-top:26px;min-width:180px;min-height:44px;padding:12px 18px;border-radius:999px;color:#fff;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.08);font-weight:600;text-decoration:none;transition:transform .2s ease}
.h98-foot-contact .map-button:hover{transform:translateY(-2px)}
@media (max-width:1040px){ .h98-foot-contact .contact-panel{grid-template-columns:1fr} }
@media (max-width:720px){ .h98-foot-contact .online-grid{grid-template-columns:1fr} .h98-foot-contact .direct-info{padding-top:0} }