@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,600&family=Karla:wght@300;400;500;700&display=swap');

/* --- Vakantiehuis Callantsoog: full-bleed one-pager (pagina 7) --- */
html { scroll-behavior: smooth; }

body.page-id-7 .wp-site-blocks,
body.home .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-7 .wp-block-post-content,
body.page-id-7 .entry-content,
body.home .wp-block-post-content,
body.home .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

body.page-id-7 .wp-block-post-content > *,
body.home .wp-block-post-content > * {
  max-width: none !important;
}

/* Paginatitel verbergen: de H1 staat al in de hero */
body.page-id-7 .wp-block-post-title,
body.page-id-7 .entry-header,
body.home .wp-block-post-title,
body.home .entry-header {
  display: none !important;
}

/* Themaheader en -footer weg: de pagina heeft zijn eigen navigatie en footer */
body.page-id-7 > .wp-site-blocks > header,
body.page-id-7 > .wp-site-blocks > footer,
body.home > .wp-site-blocks > header,
body.home > .wp-site-blocks > footer {
  display: none !important;
}

/* Ruimte onderaan zodat de sticky CTA-balk niets afdekt (alleen mobiel) */
@media (max-width: 859px) {
  body.page-id-7,
  body.home {
    padding-bottom: 74px !important;
  }
}

#vhc { margin: 0; }

/* --- Subpagina's (privacy, cookies): rustige leesopmaak --- */
body.page-id-24 .wp-block-post-content,
body.page-id-25 .wp-block-post-content {
  font-family: 'Karla', system-ui, sans-serif;
  line-height: 1.7;
}
body.page-id-24 h1, body.page-id-24 h2,
body.page-id-25 h1, body.page-id-25 h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 400;
}

/* --- Weerpagina /weer-in-callantsoog (pagina 56): full-bleed, zelfde stijl als homepage --- */
body.page-id-56 .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-56 .wp-block-post-content,
body.page-id-56 .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
body.page-id-56 .wp-block-post-content > * {
  max-width: none !important;
}
body.page-id-56 .wp-block-post-title,
body.page-id-56 .entry-header {
  display: none !important;
}
body.page-id-56 > .wp-site-blocks > header,
body.page-id-56 > .wp-site-blocks > footer {
  display: none !important;
}
@media (max-width: 859px) {
  body.page-id-56 {
    padding-bottom: 74px !important;
  }
}
#vhw { margin: 0; }

/* --- To-do pagina /vakantie-in-callantsoog (pagina 62): full-bleed, zelfde stijl als homepage --- */
body.page-id-62 .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-62 .wp-block-post-content,
body.page-id-62 .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
body.page-id-62 .wp-block-post-content > * {
  max-width: none !important;
}
body.page-id-62 .wp-block-post-title,
body.page-id-62 .entry-header {
  display: none !important;
}
body.page-id-62 > .wp-site-blocks > header,
body.page-id-62 > .wp-site-blocks > footer {
  display: none !important;
}
@media (max-width: 859px) {
  body.page-id-62 {
    padding-bottom: 74px !important;
  }
}

/* --- Agendapagina /callantsoog-agenda (pagina 68): full-bleed, zelfde stijl als homepage --- */
body.page-id-68 .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-68 .wp-block-post-content,
body.page-id-68 .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
body.page-id-68 .wp-block-post-content > * {
  max-width: none !important;
}
body.page-id-68 .wp-block-post-title,
body.page-id-68 .entry-header {
  display: none !important;
}
body.page-id-68 > .wp-site-blocks > header,
body.page-id-68 > .wp-site-blocks > footer {
  display: none !important;
}
@media (max-width: 859px) {
  body.page-id-68 {
    padding-bottom: 74px !important;
  }
}

/* --- Wandelpagina /callantsoog-wandelen (pagina 71): full-bleed, zelfde stijl als homepage --- */
body.page-id-71 .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-71 .wp-block-post-content,
body.page-id-71 .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
body.page-id-71 .wp-block-post-content > * {
  max-width: none !important;
}
body.page-id-71 .wp-block-post-title,
body.page-id-71 .entry-header {
  display: none !important;
}
body.page-id-71 > .wp-site-blocks > header,
body.page-id-71 > .wp-site-blocks > footer {
  display: none !important;
}
@media (max-width: 859px) {
  body.page-id-71 {
    padding-bottom: 74px !important;
  }
}

/* --- 404-pagina: eigen full-bleed template in #vhc-stijl (themaheader/footer verborgen) --- */
body.error404 .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.error404 main.wp-block-group {
  max-width: none !important;
  padding: 0 !important;
}
body.error404 main.wp-block-group > * {
  max-width: none !important;
}
body.error404 > .wp-site-blocks > header,
body.error404 > .wp-site-blocks > footer {
  display: none !important;
}
#vhc404 { margin: 0; }