/* -------------------------------------------------------------------------
   paulomoro.com — static-export fixes
   Added during the WordPress -> static-HTML migration (Simply Static).
   Purely corrective CSS; safe to drop if the Elementor layout is rebuilt.
   ------------------------------------------------------------------------- */

/* 1. Remove the phantom horizontal scrollbar that appears between ~760px
      and ~1024px on every page. Root causes handled specifically below;
      this is the belt-and-braces guard. `clip` keeps anchor-scroll and
      sticky working where supported, `hidden` is the fallback. */
html,
body {
  overflow-x: hidden;
  max-width: 100%;
}
@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

/* 2. Footer e-mail address is a single un-breakable string; at tablet
      width its column is narrower than the text, so it pushed the page
      wider than the viewport. Allow it (and any long footer link) to wrap. */
footer a[href^="mailto:"],
footer .elementor-heading-title {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 3. Homepage "About" section: four boxed grid rows carry a stray
      12px left margin at the tablet breakpoint, which overflowed the
      boxed container. Neutralise it below the desktop breakpoint. */
@media (max-width: 1024px) {
  .elementor-element-b990a0c,
  .elementor-element-1d3e0c5,
  .elementor-element-016c54e,
  .elementor-element-42ed03f {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
