/* Black footer band (spec §4): Find us · Talk to us · Business columns,
   nav repeat, fine print. Tint text, white column headings. */
.site-foot{background:#000;color:var(--tint);margin-top:0}
.site-foot .wrap{padding-top:36px;padding-bottom:20px;display:flex;flex-direction:column;gap:24px}
.site-foot a{color:var(--tint)}
.site-foot a:hover,.site-foot a:focus-visible{color:#fff}

.foot-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.foot-top img{height:24px}
.foot-nav{display:flex;gap:14px;font-weight:600;font-size:11px}
.foot-nav a{text-decoration:none}
.foot-nav a[aria-current="page"]{color:#fff}

.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.foot-col h2{font-family:var(--font-body);font-weight:700;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.foot-col div{font-size:12px;line-height:2}
.foot-tagline{display:none}
.foot-col--talk{display:none}

/* Contact = circular icon buttons (canvas footer design 2026-08-20):
   phone / WhatsApp / Instagram / Facebook. Mobile: centered 44px row
   below the columns; desktop: 46px 2×2 grid in the Talk to us column.
   Red hover is the canvas's call — an interactive fill, not a surface. */
.foot-icons{display:flex;justify-content:center;gap:14px}
.foot-icons a{width:44px;height:44px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:rgba(255,255,255,.12);transition:background .15s ease}
.foot-icons a:hover,.foot-icons a:focus-visible{background:var(--red);color:#fff}
.foot-icons .ico{width:20px;height:20px}
/* Mobile: the visit strip's Directions button sits right above the
   footer, so the map link only appears on desktop (canvas). */
.foot-map{display:none}
.foot-fine{border-top:1px solid rgba(255,255,255,.15);padding-top:16px;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:11px;color:rgba(239,233,221,.6)}
.foot-fine a{color:rgba(239,233,221,.6)}

@media (min-width:720px){
  .site-foot .wrap{padding-top:44px;padding-bottom:28px}
  .foot-top{display:none}
  .foot-cols{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}
  .foot-col h2{font-size:12px;margin-bottom:12px}
  .foot-col div{font-size:13px}
  .foot-tagline{display:block}
  .foot-col--talk{display:block}
  .foot-tagline img{height:38px}
  .foot-tagline p{font-size:13px;line-height:1.6;margin:14px 0 0}
  .foot-map{display:inline}
  .foot-col--talk .foot-icons{display:grid;justify-content:start;
    grid-template-columns:repeat(2,max-content);gap:12px}
  .foot-icons a{width:46px;height:46px}
  .foot-contact{display:none}
  .foot-fine{margin-top:10px;font-size:12px}
}