/* Locum Meds — AI Receptionist button + fixed top bars (added 2026-09-24).
   Both the blue top bar (#topbar) and the white header (#masthead) sit inside
   .lm-fixed-head, a fixed bar at the top of the viewport; a small script in
   functions.php pads the body by the bar's height so nothing hides under it.
   The theme's StickyHeader.js used to make only the white header
   position:fixed on scroll (so the top bar vanished); that is neutralised. */
.lm-fixed-head{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff;display:flow-root}
.lm-fixed-head .header-placeholder{height:auto !important;min-height:0 !important;display:flow-root;clear:both;width:100%}
.lm-fixed-head .site-header--stuck{position:static !important;box-shadow:1px 0 1px 1px rgba(62,64,67,.2) !important}
.lm-fixed-head .menu__icon--stuck{position:absolute}
body.lm-has-fixed-head{padding-top:var(--lm-head-h,110px)}
.main-navigation .menu-item.lm-ai-btn > a{background:#0E7C6B;color:#fff !important;border-radius:999px;padding:10px 20px 10px 48px !important;margin:6px 4px 6px 8px;border-bottom:0 !important;font-weight:700;font-size:16px;line-height:1.25;display:inline-block;white-space:nowrap;position:relative;box-shadow:0 2px 6px rgba(14,124,107,.35);transition:background .2s ease,transform .2s ease}
.main-navigation .menu-item.lm-ai-btn > a::before{content:"";position:absolute;left:12px;top:50%;width:28px;height:28px;margin-top:-14px;background:url("../img/lm-ai-reception-appicon-mint.svg") no-repeat center/contain}
.main-navigation .menu-item.lm-ai-btn > a:hover,.main-navigation .menu-item.lm-ai-btn > a:focus{background:#0A6557;color:#fff !important;transform:translateY(-1px)}
@media (max-width:1023px){.main-navigation .menu-item.lm-ai-btn > a{margin:.8rem 1.2rem}}
/* Room for the extra menu item on laptop-width screens. */
@media (min-width:1024px) and (max-width:1500px){.main-navigation .menu-item>a{padding-left:1.1rem !important;padding-right:1.1rem !important}}
.whatsapp_icon_headr a{white-space:nowrap}
/* The header's own WhatsApp pill no longer fits beside the menu on laptop
   widths and dropped to a second row; the hero button and the floating
   WhatsApp icon remain, so hide the duplicate below 1500px. */
@media (min-width:1024px) and (max-width:1500px){.whatsapp_icon_headr{display:none}}
/* Keep the header WhatsApp as an icon-only pill on desktop so the menu row
   stays on one line with the extra button. */
@media (min-width:1024px){.whatsapp_icon_headr{display:block}.whatsapp_icon_headr .wp{display:none}.whatsapp_icon_headr a{padding:.45rem .6rem}.main-navigation .menu-item>a{padding-left:1rem !important;padding-right:1rem !important}}