/* =====================================================
   DE WESPENAAR - CLEAN CSS ZONDER ZWARTE BALKEN
===================================================== */

/* BASIS */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
}

* {
  box-sizing: border-box !important;
}

img {
  max-width: 100%;
  height: auto;
}

/* WORDPRESS CONTAINERS */
.wp-site-blocks,
.site,
.site-content,
.wp-block-post-content,
.entry-content,
main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* BLOKRUIMTES WEG */
.wp-site-blocks > * + *,
.wp-block-post-content > * + *,
.entry-content > * + *,
main > * + * {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* HTML BLOKKEN */
.wp-block-html {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-html section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* LEGE PARAGRAFEN WEG */
p:empty,
.wp-block-html p:empty {
  display: none !important;
}

/* GEEN LIJNEN / SEPARATORS */
hr,
.wp-block-separator {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* =====================================================
   DESKTOP / MOBIEL BLOKKEN
===================================================== */

/* Desktop standaard tonen */
.desktop-blok-wespenaar {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Mobiel standaard verbergen */
.mobiel-blok-wespenaar {
  display: none !important;
}

/* Mobiel */
@media screen and (max-width: 768px) {
  .desktop-blok-wespenaar {
    display: none !important;
  }

  .mobiel-blok-wespenaar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Desktop */
@media screen and (min-width: 769px) {
  .desktop-blok-wespenaar {
    display: block !important;
  }

  .mobiel-blok-wespenaar {
    display: none !important;
  }
}

/* =====================================================
   HEADER NAAR CONTENT GEEN WITTE RUIMTE
===================================================== */

header,
.site-header,
.wp-block-template-part,
.wp-site-blocks > header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

main,
.entry-content,
.wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Eerste HTML blok direct aansluiten */
.entry-content > .wp-block-html:first-child,
.wp-block-post-content > .wp-block-html:first-child,
main > .wp-block-html:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =====================================================
   MOBIELE KNOPPEN
===================================================== */

@media screen and (max-width: 768px) {
  .mobiel-blok-wespenaar a[href^="tel:"],
  .mobiel-blok-wespenaar a[href*="wa.me"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .mobiel-blok-wespenaar a[href^="tel:"] img,
  .mobiel-blok-wespenaar a[href*="wa.me"] img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }
	/* WITTE BALK BOVEN HOMEPAGE WEG - VEILIGE FIX */

/* WordPress ruimte onder header weg */
header,
.site-header,
.wp-block-template-part,
.wp-site-blocks > header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Main/content direct tegen header */
main,
.entry-content,
.wp-block-post-content,
.wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Block gap uit */
.wp-site-blocks > * + *,
.entry-content > * + *,
.wp-block-post-content > * + *,
main > * + * {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Eerste HTML-blok iets omhoog trekken */
.wp-block-post-content > .wp-block-html:first-child,
.entry-content > .wp-block-html:first-child,
main > .wp-block-html:first-child {
  margin-top: -30px !important;
}

/* Eerste zwarte sectie mag geen witte rand hebben */
.desktop-blok-wespenaar > section:first-child,
.mobiel-blok-wespenaar > section:first-child {
  margin-top: 0 !important;
}
}
/* DEFINITIEVE FIX: WITTE BALK TUSSEN HEADER EN HOMEPAGE WEG */

/* Header mag geen extra ruimte onderaan geven */
header,
.site-header,
.wp-block-template-part,
.wp-site-blocks > header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* WordPress content zonder bovenruimte */
main,
.entry-content,
.wp-block-post-content,
.wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Alleen jouw homepage-blokken omhoog trekken */
.desktop-blok-wespenaar {
  margin-top: -38px !important;
}

.mobiel-blok-wespenaar {
  margin-top: -38px !important;
}

/* Geen ruimte tussen WordPress blokken */
.wp-site-blocks > * + *,
.entry-content > * + *,
.wp-block-post-content > * + *,
main > * + * {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Lege paragrafen weg */
p:empty,
.wp-block-html p:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* MOBIEL: WITTE BALK ONDER HEADER WEG */
@media screen and (max-width: 768px) {

  .mobiel-blok-wespenaar {
    margin-top: -65px !important;
  }

  .mobiel-blok-wespenaar > section:first-child {
    margin-top: 0 !important;
  }

  main,
  .entry-content,
  .wp-block-post-content,
  .wp-site-blocks {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  header,
  .site-header,
  .wp-block-template-part {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* MOBIEL: WITTE BALK ONDER HEADER WEG + INHOUD NIET TE HOOG */
@media screen and (max-width: 768px) {

  .mobiel-blok-wespenaar {
    margin-top: -65px !important;
  }

  .mobiel-blok-wespenaar > section:first-child {
    margin-top: 0 !important;
    padding-top: 55px !important;
  }

  main,
  .entry-content,
  .wp-block-post-content,
  .wp-site-blocks {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  header,
  .site-header,
  .wp-block-template-part {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {

  .mobiel-blok-wespenaar > section:first-child > div > div:first-child {
    margin-top: 60px !important;
    margin-bottom: 18px !important;
  }

}
/* TARIEVEN DESKTOP / MOBIEL TONEN */

.tarieven-desktop-wespenaar {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.tarieven-mobiel-wespenaar {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .tarieven-desktop-wespenaar {
    display: none !important;
  }

  .tarieven-mobiel-wespenaar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .tarieven-desktop-wespenaar {
    display: block !important;
  }

  .tarieven-mobiel-wespenaar {
    display: none !important;
  }
}
/* CONTACT DESKTOP / MOBIEL TONEN */

.contact-desktop-wespenaar {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.contact-mobiel-wespenaar {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .contact-desktop-wespenaar {
    display: none !important;
  }

  .contact-mobiel-wespenaar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .contact-desktop-wespenaar {
    display: block !important;
  }

  .contact-mobiel-wespenaar {
    display: none !important;
  }
}
/* DIENSTEN DESKTOP / MOBIEL TONEN */

.diensten-desktop-wespenaar {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.diensten-mobiel-wespenaar {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .diensten-desktop-wespenaar {
    display: none !important;
  }

  .diensten-mobiel-wespenaar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .diensten-desktop-wespenaar {
    display: block !important;
  }

  .diensten-mobiel-wespenaar {
    display: none !important;
  }
}
/* DIENSTEN PAGINA - DESKTOP EN MOBIEL JUIST TONEN */

.diensten-desktop-wespenaar {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.diensten-mobiel-wespenaar {
  display: none !important;
}

/* Op gsm: desktop verbergen, mobiel tonen */
@media screen and (max-width: 768px) {
  .diensten-desktop-wespenaar {
    display: none !important;
  }

  .diensten-mobiel-wespenaar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

/* Op desktop: desktop tonen, mobiel verbergen */
@media screen and (min-width: 769px) {
  .diensten-desktop-wespenaar {
    display: block !important;
  }

  .diensten-mobiel-wespenaar {
    display: none !important;
  }
}
/* REGIO PAGINA - DESKTOP / MOBIEL */

.regio-desktop-wespenaar {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.regio-mobiel-wespenaar {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .regio-desktop-wespenaar {
    display: none !important;
  }

  .regio-mobiel-wespenaar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .regio-desktop-wespenaar {
    display: block !important;
  }

  .regio-mobiel-wespenaar {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .wespenaar-header {
    padding: 16px 16px;
  }

  .wespenaar-header-inner {
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .wespenaar-logo {
    justify-content: center;
    gap: 13px;
  }

  .wespenaar-logo img {
    width: 50px;
    height: 50px;
  }

  .wespenaar-logo-title {
    font-size: 28px;
  }

  .wespenaar-logo-subtitle {
    font-size: 9px;
    letter-spacing: 1px;
  }

  .wespenaar-menu,
  .wespenaar-header-call {
    display: none !important;
  }
}