/* Geschreven Gedichten 6.2 — centrale horizontale hero-achtergronden.
   Afbeeldingen worden lokaal gehost; inhoud en formulierfunctionaliteit blijven onaangeroerd. */
:root{--gg62-hero-calm:url('../images/hero-watercolor-landscape.webp');--gg62-hero-editorial:url('../images/hero-poetry-editorial.webp')}
/* Alle gedeelde theme-hero's (inclusief door de studio-plugin gerenderde gedeelde hero). */
body .site-hero-slanted.homepage-hero-rounded,
body .vv-home-hero,
body .page-hero-section,
body .gg-rhyme-hero,
body .gg55-membership-hero,
body .archive-hero-header,
body .author-studio-hero{
 background-color:#fcf7f0 !important;
 background-image:linear-gradient(90deg,rgba(255,252,248,.89) 0%,rgba(255,251,246,.70) 45%,rgba(255,251,246,.10) 100%),var(--gg62-hero-calm) !important;
 background-size:cover !important;
 background-position:center center !important;
 background-repeat:no-repeat !important;
 color:#35291f;
 border-radius:20px;
 overflow:hidden;
}
/* Behoud bestaande hero-markup; voorkom dat een verouderde inline achtergrond eroverheen valt. */
body .site-hero-slanted .hero-bg-layer,
body .vv-home-hero .hero-bg-layer{
 background-image:var(--gg62-hero-calm) !important;
 background-position:center center !important;
 background-size:cover !important;
 background-repeat:no-repeat !important;
 opacity:.30 !important;
}
/* Op de voorpagina en introductiepagina's de rijkere literaire compositie. */
body.home .gg37-home-hero,
body.front-page .gg37-home-hero,
body .gg56-blog-hero,
body .gg54-poem-home-hero,
body .gg58-article-hero{
 background-image:linear-gradient(90deg,rgba(255,252,248,.96) 0%,rgba(255,251,246,.82) 41%,rgba(255,251,246,.04) 100%),var(--gg62-hero-editorial) !important;
 background-position:center center !important;
}
body.home .gg37-home-hero .hero-bg-layer,
body.front-page .gg37-home-hero .hero-bg-layer,
body .gg54-poem-home-hero .hero-bg-layer,
body .gg58-article-hero .hero-bg-layer{
 background-image:var(--gg62-hero-editorial) !important;
 opacity:.22 !important;
}
/* Typografie blijft leesbaar, ook waar de achtergronden vóórheen donker waren. */
body .vv-home-hero .hero-main-title,
body .vv-home-hero .hero-main-desc,
body .vv-home-hero .hero-kicker,
body .gg-rhyme-hero h1,
body .gg55-membership-hero h1,
body .page-hero-section h1{color:#32261e !important;text-shadow:none !important}
body .vv-home-hero-wrap,
body .gg-rhyme-hero,
body .gg55-membership-hero,
body .page-hero-section{max-width:1280px;width:calc(100% - 30px);margin-left:auto;margin-right:auto;box-sizing:border-box}
body .vv-home-hero-wrap .container-studio{max-width:100%;width:100%;margin:0;box-sizing:border-box}
@media(max-width:767px){
 body .site-hero-slanted.homepage-hero-rounded,
 body .vv-home-hero,body .page-hero-section,body .gg-rhyme-hero,body .gg55-membership-hero{
   background-position:65% center !important;border-radius:16px;
   background-image:linear-gradient(90deg,rgba(255,252,248,.94),rgba(255,252,248,.70)),var(--gg62-hero-calm) !important;
 }
 body.home .gg37-home-hero,body.front-page .gg37-home-hero,
 body .gg54-poem-home-hero,body .gg58-article-hero{
   background-image:linear-gradient(90deg,rgba(255,252,248,.95),rgba(255,252,248,.72)),var(--gg62-hero-editorial) !important;
 }
}

/* 6.3 FIX: oude hero-afbeeldingen komen uit ::before-pseudolagen, niet uit de section.
   Schakel die lagen uitsluitend bij hero's uit en teken één zichtbare achtergrond. */
body:not(.wp-admin) .site-content :is(.gg37-home-hero,.gg37-studio-hero,.gg37-single-hero,.gg54-poem-home-hero,.gg58-article-hero,.vv-editorial-hero,.vv-theme-home-hero,.gg38-standard-hero,.gg40-single-hero)::before,
body:not(.wp-admin) .site-content :is(.gg37-home-hero,.gg37-studio-hero,.gg37-single-hero,.gg54-poem-home-hero,.gg58-article-hero,.vv-editorial-hero,.vv-theme-home-hero,.gg38-standard-hero,.gg40-single-hero)::after {
  content:none !important;
  display:none !important;
  background-image:none !important;
}
body:not(.wp-admin) .site-content :is(.gg37-hero,.gg37-home-hero,.gg37-studio-hero,.gg37-single-hero,.gg54-poem-home-hero,.gg58-article-hero,.vv-editorial-hero,.vv-home-hero,.vv-theme-home-hero,.gg38-standard-hero,.gg40-single-hero,.themas-hero-section,.archive-hero-header,.page-hero-section,.gg-rhyme-hero,.gg55-membership-hero,.author-studio-hero){
  background-color:#fff9f2 !important;
  background-image:linear-gradient(90deg,rgba(255,252,247,.96) 0%,rgba(255,252,247,.87) 42%,rgba(255,252,247,.08) 100%),var(--gg62-hero-calm) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
body:not(.wp-admin) .site-content :is(.gg37-home-hero,.gg54-poem-home-hero,.gg58-article-hero){
  background-image:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.84) 43%,rgba(255,252,247,.06) 100%),var(--gg62-hero-editorial) !important;
}
body:not(.wp-admin) .site-content :is(.gg37-home-hero,.gg37-studio-hero,.gg37-single-hero,.gg54-poem-home-hero,.gg58-article-hero,.vv-editorial-hero,.vv-home-hero) .hero-bg-layer {
  display:none !important;
}
@media(max-width:767px){
 body:not(.wp-admin) .site-content :is(.gg37-hero,.gg37-home-hero,.gg37-studio-hero,.gg37-single-hero,.gg54-poem-home-hero,.gg58-article-hero,.vv-editorial-hero,.vv-home-hero,.vv-theme-home-hero,.gg38-standard-hero,.gg40-single-hero,.themas-hero-section,.archive-hero-header,.page-hero-section,.gg-rhyme-hero,.gg55-membership-hero,.author-studio-hero){
   background-position:62% center !important;
   background-image:linear-gradient(90deg,rgba(255,252,247,.96),rgba(255,252,247,.71)),var(--gg62-hero-calm) !important;
 }
 body:not(.wp-admin) .site-content :is(.gg37-home-hero,.gg54-poem-home-hero,.gg58-article-hero){
   background-image:linear-gradient(90deg,rgba(255,252,247,.97),rgba(255,252,247,.73)),var(--gg62-hero-editorial) !important;
 }
}
