/* ============ WHATSAPP BUSINESS FOOTER LINK ============
   Kept out of site.css so it ships under a fresh filename (assets are cached 30 days). */

.footer-whatsapp{display:inline-flex; align-items:center; gap:12px; margin-top:20px; padding:8px 16px 8px 8px; border:1px solid rgba(37,211,102,.28); border-radius:14px; background:linear-gradient(135deg, rgba(37,211,102,.10), rgba(37,211,102,.03)); color:var(--ink-soft); transition:transform .2s ease, background .2s ease, border-color .2s ease}
.footer-whatsapp:hover{transform:translateY(-1px); border-color:rgba(37,211,102,.55); background:linear-gradient(135deg, rgba(37,211,102,.16), rgba(37,211,102,.05))}
.footer-whatsapp:focus-visible{outline:2px solid #25D366; outline-offset:3px}
.footer-whatsapp .wa-ic{display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:10px; background:#25D366; box-shadow:0 6px 16px -6px rgba(37,211,102,.6)}
.footer-whatsapp .wa-ic svg{width:24px; height:24px; display:block}
.footer-whatsapp .wa-txt{display:flex; flex-direction:column; gap:3px; min-width:0}
.footer-whatsapp .wa-txt small{font-family:'JetBrains Mono',monospace; font-size:10.5px; line-height:1; letter-spacing:.12em; text-transform:uppercase; color:#5FE08E}
.footer-whatsapp .wa-txt strong{font-size:14.5px; line-height:1.15; font-weight:600; letter-spacing:-.01em; color:#fff}
.footer-whatsapp .wa-arrow{flex:none; width:14px; height:14px; margin-left:6px; color:var(--ink-mute); transition:transform .2s, color .2s}
.footer-whatsapp:hover .wa-arrow{color:#fff; transform:translate(2px,-2px)}
@media (prefers-reduced-motion:reduce){
  .footer-whatsapp, .footer-whatsapp:hover, .footer-whatsapp .wa-arrow{transition:none; transform:none}
}

/* "Reach us directly" row on the homepage contact section */
.info-whatsapp{display:inline-flex; align-items:center; gap:10px}
.info-whatsapp .wa-ic{display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:7px; background:#25D366; box-shadow:0 4px 12px -4px rgba(37,211,102,.6)}
.info-whatsapp .wa-ic svg{width:16px; height:16px; display:block}
.info-item .info-value a.info-whatsapp:hover{color:#5FE08E}