/*
 * Mobile horizontal-overflow fix (loaded after whatsapp-float.css; vendor CSS is left untouched).
 *
 * Root cause: Elementor's per-page CSS (vendor/post-2318.css, @media max-width:767px) gives the header
 * UAEL nav-menu widget a negative right margin:
 *   .elementor-2318 .elementor-element-e80c55e > .elementor-widget-container { margin: 0 -150px 0 0 }
 * The widget is only 135px wide, so its flex container (toggle + the closed, visibility:hidden
 * dropdown nav) grows to 285px and ends at x=490 on a 390px phone. That invisible box widened the
 * document (scrollWidth 490), shrank the mobile layout viewport to fit it and pushed the fixed
 * WhatsApp button off-screen (x 418-474).
 *
 * Fix: keep the hamburger exactly where it was (its right edge at the 30px header padding) but
 * with a box that stays inside the viewport: pull the container only 20px into the padding and
 * right-align the icon in it.
 */
@media (max-width: 767px) {
  .elementor-2318 .elementor-element.elementor-element-e80c55e.uael-nav-menu__align-right > .elementor-widget-container {
    margin-right: -20px;
  }
  .elementor-2318 .elementor-element.elementor-element-e80c55e .uael-nav-menu__toggle {
    text-align: right;
  }
  /* Open dropdown started at y=53 and covered the bottom of the 91px-tall header logo; start it below the header. */
  .elementor-2318 .elementor-element.elementor-element-e80c55e .uael-active-menu + nav.uael-dropdown {
    margin-top: 40px;
  }
}

/*
 * Defensive net: whatever else overflows later can never make the page drag sideways.
 * `clip` (not `hidden`) so no scroll container is created: position:sticky and the fixed
 * WhatsApp button keep working.
 */
html, body { overflow-x: clip; }

/*
 * Footer copyright line was flush to the left viewport edge (x=0): .footer-copyright /
 * .footer-bottom-inner are not styled by any loaded stylesheet. Indent it to line up with the
 * footer columns above (logo/headings start at 20px phone, 35px tablet, 46px desktop).
 */
.footer-copyright { padding-left: 20px; padding-right: 20px; }
@media (min-width: 768px)  { .footer-copyright { padding-left: 35px; padding-right: 35px; } }
@media (min-width: 1025px) { .footer-copyright { padding-left: 46px; padding-right: 46px; } }