/* 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}}

/* Sticky main nav without the jump (td/nav.js; Ali, 7 Oct 2026). The theme's
   jQuery Sticky sets inline position/top on #main_nav; these win over it, so
   the nav stays where the theme puts it until td/nav.js fixes it, and then it
   slides in from the top rather than animating up the screen. */
#main_nav{transition:none!important}
#main_nav:not(.td-stuck){position:absolute!important;top:173px!important}
@media (max-width:1200px){#main_nav:not(.td-stuck){top:148px!important}}
#main_nav.td-stuck{position:fixed!important;top:0!important;left:0;right:0;width:100%;animation:td-nav-in .28s ease-out}
@keyframes td-nav-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){#main_nav.td-stuck{animation:none}}