/* Playa Piskado - eigen correcties bovenop de Elementor-export.
   Bewust klein gehouden: de export houdt de volledige Elementor-CSS, dus
   alles wat hier staat is een gerichte fix, geen herstyling. */

/* Horizontale bleed afknippen. `clip` en niet `hidden`: een niet-visible
   waarde op een as dwingt de andere as naar `auto`, waardoor body een
   scrollcontainer wordt en de pagina op sommige toestellen helemaal niet
   meer verticaal scrolt. `clip` laat overflow-y met rust.
   De decoratieve kop met `left:-300px` mag hierdoor niet horizontaal
   scrollen op smalle schermen. */
html,
body {
  overflow-x: clip;
  max-width: 100%;
}

/* macOS rubber-band toont anders een witte flits boven/onder de pagina. */
html {
  overscroll-behavior-y: none;
}

/* Rond tabletbreedte (±700-1024px) knijpt de headerkolom het woordmerk tot
   109px, waardoor "Playa Piskado" over twee regels breekt en de header van
   75px naar 118px groeit. De naam hoort op een regel. */
.elementor-location-header .elementor-widget-heading .elementor-heading-title {
  white-space: nowrap;
}

/* Vangnet: als de Elementor-frontend niet laadt, blijft alles met
   .elementor-invisible voorgoed op visibility:hidden staan en lijkt de
   pagina leeg. mhs-site.js zet deze klasse na een time-out, waarna de
   inhoud alsnog verschijnt. */
html.mhs-reveal-fallback .elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}