/* Header banners as real images, so each one carries alt text.
   The theme drew them as inline CSS backgrounds; this keeps the same
   crop (cover, centred) and the same dark overlay on top. */
#inside-banner{background-image:none!important;overflow:hidden}
#inside-banner>img.td-inside-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
#inside-banner>.inside-banner-overlay{z-index:1}
#inside-banner>*:not(img):not(.inside-banner-overlay){position:relative;z-index:2}
/* The team page hides its banner in the theme; keep it hidden. */
body.page-id-80 #inside-banner>img.td-inside-banner{display:none}

/* WhatsApp chat bubble, bottom left (the chat and the snagger sit bottom right). */
.td-wa{position:fixed;left:20px;bottom:20px;z-index:2147482000;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.22);transition:transform .15s ease}
.td-wa:hover,.td-wa:focus-visible{transform:scale(1.06)}
.td-wa:focus-visible{outline:3px solid #fff;outline-offset:2px}
.td-wa svg{width:30px;height:30px;fill:#fff}
/* Clear the fixed quick-link bar (880px and under) and the Book Appointment
   bar above it (650px and under), and the chatbot's greeting bubble on phones. */
@media (max-width:880px){.td-wa{bottom:65px}}
@media (max-width:650px){.td-wa{left:16px;bottom:150px;width:52px;height:52px}}