/* =============================================================================
   RESPONSIVE FIX 00 — HEADER OVERFLOW (site-wide)
   Root cause: at <=1180px the desktop .menu hides and the hamburger appears,
   but the redundant "Book Consultation" (.btn-red) button in .nav-actions was
   never hidden. On phones that button (nowrap, ~105px) + search + hamburger made
   .nav-actions ~43px wider than the viewport, forcing mobile browsers to zoom out
   (everything looked tiny / not responsive). The off-canvas drawer already carries
   its own Book Consultation button, so hiding the header one on small screens is safe.
   ============================================================================= */

/* Hide the header's Book Consultation button on small screens (drawer has its own). */
@media (max-width: 640px) {
	.nav-actions .btn-red { display: none; }
}

/* Safety net: never allow a stray element to create horizontal scroll on phones.
   Applied to the top-level wrapper (NOT html/body) so position:sticky header keeps working. */
@media (max-width: 640px) {
	.site, .site-main, main, .page-wrap { overflow-x: clip; }
}