/* Sitebrede correcties van SitePilot (maak-schone-site.py), geladen na alle andere stylesheets. */
/* Twee schuifbalken tijdens het laden van een pagina met een GHL-formulier (gevonden 27-10-2026, project vextPro website):
   Astra zet body{overflow-x:hidden} terwijl html al horizontaal afsnijdt; daardoor wordt body een eigen schuifcontainer zodra
   het GHL-script het iframe tijdelijk absoluut positioneert en de inhoud even hoger is dan body. Met overflow-x:visible op body
   blijft alleen de schuifbalk van het venster over; html snijdt horizontaal nog steeds af. */
body{overflow-x:visible}
/* Extra demoknoppen (site.json knoppen): dezelfde Elementor-knop, in het vextPro-blauw, naast of onder de bestaande knop. */
a.elementor-button.sp-knop{background-color:#00A5DB!important;color:#fff!important;border-color:#00A5DB!important;margin:10px 0 0 0;display:block;width:max-content;text-transform:none!important}
a.elementor-button.sp-knop:hover{background-color:#0690BD!important;border-color:#0690BD!important}
.sp-knop-blok{margin-top:4px}
.elementor-align-justify a.elementor-button.sp-knop{margin-bottom:6px;width:auto}
/* Eén knopvorm op de hele site: afgeronde hoeken zoals de bestaande demoknoppen (Barry, 27-10-2026). Geldt voor Elementor-knoppen,
   Astra-knoppen en de knoppen van de extra pagina's (.btn binnen een sp-scope). */
a.elementor-button,.elementor-button,.ast-button,.ast-custom-button,[class*="sp-"] .btn,a.sp-knop{border-radius:30px!important}
.ast-builder-button-wrap .ast-custom-button{white-space:nowrap;padding:9px 18px;font-size:14px}
/* de langere knoptekst in de kop: menu compacter zodat "Over ons" op laptopbreedte op één regel blijft */
@media (min-width:922px){#ast-hf-menu-1 > .menu-item > .menu-link{padding-left:.75em;padding-right:.75em}}
/* Tabel inklappen (site.json tabel_inklappen): rijen die in elk pakket zitten achter een knop, 27-10-2026 */
table.sp-ingeklapt tr.sp-rij-extra{display:none}
.sp-tabel-knop[hidden]{display:none}
.sp-tabel-knop{display:block;margin:16px auto 8px;padding:10px 22px;text-transform:none;font-size:15px;border:2px solid #00A5DB;border-radius:30px;background:#fff;color:#0690BD;font-weight:600;cursor:pointer}
.sp-tabel-knop:hover{background:#00A5DB;color:#fff}
@media (min-width:922px) and (max-width:1200px){#ast-hf-menu-1 > .menu-item > .menu-link{padding-left:.45em;padding-right:.45em;font-size:15px}.ast-builder-button-wrap .ast-custom-button{padding:8px 14px;font-size:13px}}