/*
Theme Name: Landgoed Het Missiehuis
Theme URI: https://landgoedhetmissiehuis.nl
Author: Beheervereniging Het Missiehuis
Author URI: https://landgoedhetmissiehuis.nl
Description: Blokthema in de huisstijl van Beheervereniging Het Missiehuis. Bosgroen als dragende kleur, warm wit en zandsteen voor rust, herfstgoud als accent. Lettertype Arial. Kenmerk BV-2026-WEB-01.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.15.0
License: Proprietary
Text Domain: landgoed-het-missiehuis
*/

/* Aanvullende opmaak die niet via theme.json loopt. Blijf spaarzaam, het thema stuurt vooral via theme.json. */

/* Mobiele verfijning. WordPress stapelt kolommen standaard onder 782px, dit maakt het net wat rustiger. */
@media (max-width: 781px) {
	/* Hero compacter op een telefoon */
	.wp-block-cover.alignfull { min-height: 340px !important; }
	/* Topbalk: regels netjes onder elkaar met kleine tussenruimte */
	.bvm-topbalk .wp-block-group { row-gap: 0.15rem; }
	/* Koptekst: logo en menu iets dichter op elkaar */
	header .wp-block-group { row-gap: 0.6rem; }
	/* Nieuwsrijen: datum boven de kop, zonder grote witruimte */
	.wp-block-columns { row-gap: 0.4rem !important; }
}

/* Topbalk boven de koptekst */
.bvm-topbalk {
  font-size: 0.8rem;
}
.bvm-topbalk a { opacity: 0.9; }

/* Logomerk in de koptekst */
.bvm-logo svg { display: block; width: 46px; height: 46px; }

/* Semantische blokken uit de huisstijl, herbruikbaar via een groep met deze klasse */
.bvm-blok { border-left-width: 4px; border-left-style: solid; padding: 1.1rem 1.3rem; }
.bvm-blok.info { border-left-color: #2E5339; background: #EDE7DA; }
.bvm-blok.conclusie { border-left-color: #5A7D3C; background: #E9F0DD; }
.bvm-blok.waarschuwing { border-left-color: #A85D3E; background: #F2E5DC; }
.bvm-blok.aandachtspunt { border-left-color: #C9A227; background: #FBF4E4; }

/* Fotohero: eigen foto van het landgoed met groen verloop, donker links voor leesbare tekst */
.wp-block-cover.bvm-hero .wp-block-cover__background{background:linear-gradient(100deg, rgba(46,83,57,0.94) 0%, rgba(46,83,57,0.86) 40%, rgba(61,107,71,0.45) 72%, rgba(90,125,60,0.22) 100%), url(assets/hero-missiehuis.jpg) center 38% / cover no-repeat !important}
.wp-block-cover.bvm-hero::after{display:none}

/* Silhouet in de hero: gebouw links, bomen rechts, laag op de onderrand en altijd achter de inhoud */
.wp-block-cover.bvm-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:0;opacity:.28;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201200%20300%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%20300%20L0%20218%20L18%20218%20L28%20218%20L60%20178%20L92%20218%20L106%20218%20L106%20205%20L118%20205%20L156%20108%20L194%20205%20L206%20205%20L206%20218%20L220%20218%20L220%20232%20L242%20232%20L242%20218%20L248%20218%20L248%20172%20L278%20138%20L342%20138%20L356%20102%20L384%2080%20L412%20102%20L426%20138%20L468%20138%20L498%20172%20L498%20218%20L512%20218%20L512%20232%20L532%20232%20L532%20218%20L540%20218%20L540%20205%20L552%20205%20L592%2098%20L620%20172%20L620%20112%20L613%20112%20L626%2086%20L639%20112%20L632%20112%20L632%20218%20L640%20218%20L640%20300%20Z%22%20fill=%22%231e3a26%22/%3E%3Ccircle%20cx=%22820%22%20cy=%22180%22%20r=%2270%22%20fill=%22%231e3a26%22/%3E%3Crect%20x=%22815%22%20y=%22180%22%20width=%2210%22%20height=%22120%22%20fill=%22%231e3a26%22/%3E%3Ccircle%20cx=%22960%22%20cy=%22205%22%20r=%2255%22%20fill=%22%231e3a26%22/%3E%3Crect%20x=%22956%22%20y=%22205%22%20width=%228%22%20height=%2295%22%20fill=%22%231e3a26%22/%3E%3Ccircle%20cx=%221090%22%20cy=%22190%22%20r=%2262%22%20fill=%22%231e3a26%22/%3E%3Crect%20x=%221086%22%20y=%22190%22%20width=%229%22%20height=%22110%22%20fill=%22%231e3a26%22/%3E%3C/svg%3E") bottom center / 100% 100% no-repeat}
.wp-block-cover.bvm-hero .wp-block-cover__inner-container{position:relative;z-index:1}
@media (max-width: 781px){.wp-block-cover.bvm-hero::after{height:90px}}

/* Links op donkere vlakken. De themalinkkleur is bosgroen en valt weg op bosgroene balken. */
.bvm-topbalk a,
footer.wp-block-group a { color: #FFFFFF; }
.bvm-topbalk a:hover,
footer.wp-block-group a:hover { color: #E8DCC8; }

/* Links binnen gekleurde tekst volgen de tekstkleur, zoals de tegelverwijzingen */
.has-lindegroen-color a,
.has-warmgrijs-color a { color: inherit; }







/* Homepage: gekleurde secties naadloos op elkaar, geen witte tussenstroken.
   WordPress zet blockGap (hier 1.2rem) als margin-block-start op elk volgend blok.
   Tussen full-width secties heffen we die op, zodat de kleurvlakken aansluiten.
   De hoge soortelijkheid met meerdere selectors verslaat WordPress' :where()-regel. */
.wp-site-blocks .alignfull.alignfull + .alignfull.alignfull,
.wp-site-blocks .wp-block-cover.alignfull + .alignfull,
main > .alignfull + .alignfull,
.entry-content > .alignfull + .alignfull,
.wp-block-post-content > .alignfull + .alignfull{
	margin-block-start:0 !important;
	margin-top:0 !important;
}
/* Ook de onderrand van elke full-width sectie sluiten, voor de laatste overgang */
.wp-site-blocks main .alignfull,
.home .alignfull{
	margin-block-start:0 !important;
	margin-block-end:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}


/* Footer sluit direct aan op de laatste sectie, geen witte tussenruimte */
.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child,
footer.wp-block-group{margin-block-start:0 !important;margin-top:0 !important}
.wp-site-blocks{gap:0 !important}
.wp-site-blocks > *{margin-block-start:0 !important;margin-block-end:0 !important}

/* Home: nieuws als rustige lijst */
.bvm-home-nieuwslijst .wp-block-post-title{margin:0 0 0.3rem}
.bvm-home-nieuwslijst .wp-block-post-title a{color:#2E5339;text-decoration:none}
.bvm-home-nieuwslijst .wp-block-post-title a:hover{color:#5A7D3C}
.bvm-home-nieuwslijst .wp-block-post-excerpt{color:#444;font-size:0.95rem;margin:0}
.bvm-home-nieuwslijst .wp-block-post-excerpt__more-link{display:none}
.bvm-nieuwsregel:last-child{border-bottom:none !important}
@media (max-width:781px){
  .bvm-home-nieuwslijst .wp-block-columns{gap:0.2rem !important}
  .bvm-home-nieuwslijst .wp-block-column:first-child{flex-basis:100% !important}
}

/* Nieuwspagina: kaarten */
.bvm-nieuws-kaart{background:#fff;border:1px solid #E8DCC8;border-radius:3px;overflow:hidden;transition:box-shadow .18s,transform .18s}
.bvm-nieuws-kaart:hover{box-shadow:0 6px 20px rgba(46,83,57,.12);transform:translateY(-2px)}
.bvm-nieuws-kaart .bvm-nieuws-beeld img{width:100%;height:100%;object-fit:cover;display:block}
.bvm-nieuws-kaart .wp-block-post-title{margin:0.15rem 0 0.35rem}
.bvm-nieuws-kaart .wp-block-post-title a{color:#2E5339;text-decoration:none}
.bvm-nieuws-kaart .wp-block-post-title a:hover{color:#5A7D3C}
.bvm-nieuws-kaart .wp-block-post-excerpt{color:#444;font-size:0.95rem}
.bvm-nieuws-kaart .wp-block-post-excerpt__more-link{display:inline-block;margin-top:0.5rem;color:#5A7D3C;font-weight:bold;text-decoration:none}
.bvm-nieuws-kaart .wp-block-post-excerpt__more-link:hover{text-decoration:underline}
/* placeholder als er geen uitgelichte afbeelding is */
.bvm-nieuws-kaart .wp-block-post-featured-image{background:#EDE7DA;margin:0}

/* Twee kolommen op breed scherm, gestapeld op mobiel */
.bvm-nieuws-query > .wp-block-post-template{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.6rem;align-items:start}
.bvm-nieuws-query > .wp-block-post-template > li{margin:0;height:100%}
.bvm-nieuws-query .bvm-nieuws-kaart{display:flex;flex-direction:column;height:100%}
.bvm-nieuws-query .bvm-nieuws-kaart > .wp-block-group{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}
.bvm-nieuws-query .bvm-nieuws-kaart .wp-block-post-excerpt__more-link{margin-top:auto;padding-top:0.8rem}
@media (max-width: 1024px){
  .bvm-nieuws-query > .wp-block-post-template{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .bvm-nieuws-query > .wp-block-post-template{grid-template-columns:1fr}
}

/* Los bericht: uitgelichte afbeelding met ronde hoek */
.bvm-bericht-beeld img{width:100%;border-radius:3px;display:block}
.bvm-bericht-beeld{margin-left:0;margin-right:0}

/* Beveiligde documenten in het ledenportaal */
.bvm-doc-kies{display:inline-block;background:#E8DCC8;color:#2E5339;font-weight:bold;padding:0.55rem 1.2rem;border-radius:2px;cursor:pointer;font-size:0.95rem}
.bvm-doc-kies:hover{background:#dccdb2}
.bvm-doc-naam{display:inline-block;margin:0 0.6rem;color:#6B6B6B;font-size:0.9rem}
.bvm-docs-uitleg{background:#EDE7DA;border-left:4px solid #2E5339;padding:0.9rem 1.1rem;font-size:1rem;margin:0 0 1.2rem}
.bvm-docs-lijst{list-style:none;margin:0 0 1.5rem;padding:0}
.bvm-doc-item{margin:0 0 0.8rem}
.bvm-doc-knop{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E8DCC8;border-left:5px solid #5A7D3C;border-radius:3px;padding:1rem 1.1rem;text-decoration:none !important;transition:background .15s,border-color .15s}
.bvm-doc-knop:hover,.bvm-doc-knop:focus{background:#F6F3EC;border-left-color:#2E5339}
.bvm-doc-icoon{font-size:1.8rem;line-height:1;flex:0 0 auto}
.bvm-doc-tekst{flex:1;min-width:0}
.bvm-doc-titel{display:block;color:#2E5339;font-weight:bold;font-size:1.1rem;line-height:1.3}
.bvm-doc-sub{display:block;color:#6B6B6B;font-size:0.85rem;margin-top:2px}
.bvm-doc-pijl{color:#5A7D3C;font-size:1.4rem;font-weight:bold;flex:0 0 auto}
.bvm-doc-verwijderform{margin:0.3rem 0 0 3.4rem}
.bvm-doc-verwijder{background:none;border:1px solid #A85D3E;color:#A85D3E;font-size:0.85rem;cursor:pointer;padding:4px 12px;border-radius:2px;font-family:inherit}
.bvm-doc-verwijder:hover{background:#A85D3E;color:#fff}
.bvm-docs-upload{background:#F6F3EC;border:1px solid #E8DCC8;border-left:4px solid #5A7D3C;padding:1.1rem 1.3rem;margin-top:1rem}
.bvm-docs-uploadkop{margin:0 0 0.7rem;font-weight:bold;color:#2E5339}
.bvm-doc-upload{background:#2E5339;color:#fff;border:none;border-radius:2px;font-weight:bold;padding:0.55rem 1.2rem;font-family:inherit;cursor:pointer;margin-top:0.4rem}
.bvm-doc-upload:hover{background:#5A7D3C}
.bvm-docs-hint{font-size:0.82rem;color:#6B6B6B;margin:0.6rem 0 0}

/* Ninja Forms in de BVM-huisstijl */
.nf-form-cont .nf-form-content{max-width:560px;padding:0}
.nf-form-cont label,
.nf-form-cont .nf-field-label label{color:#2B2B2B !important;font-weight:bold;font-size:0.95rem}
.nf-form-cont input[type="text"],
.nf-form-cont input[type="email"],
.nf-form-cont input[type="tel"],
.nf-form-cont textarea,
.nf-form-cont select{
	border:1px solid #b9ae97 !important;border-radius:2px !important;background:#fff !important;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;font-size:1rem !important;color:#2B2B2B !important;
	box-shadow:none !important
}
.nf-form-cont input:focus,
.nf-form-cont textarea:focus,
.nf-form-cont select:focus{border-color:#5A7D3C !important;box-shadow:0 0 0 1px #5A7D3C !important}
.nf-form-cont .nf-field-container{margin-bottom:1rem !important}
/* Verzendknop: bosgroen met herfstgoud is te druk, we houden bosgroen */
.nf-form-cont input[type="button"],
.nf-form-cont .submit-wrap input{
	background:#2E5339 !important;color:#fff !important;border:none !important;border-radius:2px !important;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;font-weight:bold !important;
	font-size:1rem !important;padding:0.7rem 1.6rem !important;cursor:pointer;box-shadow:none !important
}
.nf-form-cont input[type="button"]:hover,
.nf-form-cont .submit-wrap input:hover{background:#5A7D3C !important}
/* Verplicht-sterretje en foutmeldingen in baksteen, niet fel rood */
.nf-form-cont .nf-error-msg,
.nf-form-cont .ninja-forms-req-symbol{color:#A85D3E !important}
.nf-form-cont .nf-error .nf-field-element input,
.nf-form-cont .nf-error .nf-field-element textarea{border-color:#A85D3E !important}
/* Bevestiging na verzenden */
.nf-response-msg{background:#E9F0DD;border-left:4px solid #5A7D3C;padding:1rem 1.2rem;color:#2B2B2B}

/* Uitlogknop in het ledenportaal */
.lhm-uitlog .wp-block-button__link{background:#2E5339;color:#fff;border-radius:2px;font-weight:bold;padding:0.6rem 1.4rem}
.lhm-uitlog .wp-block-button__link:hover{background:#5A7D3C}

/* Inlogvorm in het ledenportaal, huisstijl */
.wp-block-loginout form{max-width:360px;margin-top:1rem}
.wp-block-loginout label{display:block;font-size:0.9rem;color:#2B2B2B;margin:0.6rem 0 0.25rem}
.wp-block-loginout input[type="text"],
.wp-block-loginout input[type="password"]{width:100%;padding:0.6rem 0.7rem;border:1px solid #b9ae97;background:#fff;font-family:inherit;font-size:1rem}
.wp-block-loginout .login-remember{margin:0.6rem 0;font-size:0.9rem}
.wp-block-loginout .button,
.wp-block-loginout input[type="submit"]{background:#2E5339;color:#fff;border:none;font-weight:bold;padding:0.7rem 1.4rem;font-family:inherit;font-size:1rem;border-radius:2px;cursor:pointer;margin-top:0.6rem}
.wp-block-loginout .button:hover,
.wp-block-loginout input[type="submit"]:hover{background:#5A7D3C}

/* Uitklapmenu op telefoon: links uitgelijnd met ruime marge, niet tegen de schermrand.
   Breed opgezet zodat het werkt ongeacht de exacte WordPress-klassenaam van het paneel. */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open{
	padding:5rem 1.6rem 2rem !important;
	align-items:flex-start !important;
	justify-content:flex-start !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{
	align-items:flex-start !important;
	justify-content:flex-start !important;
	text-align:left !important;
	width:100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
	width:100%;
	justify-content:flex-start !important;
	text-align:left !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{
	font-size:1.2rem !important;
	padding:0.6rem 0 !important;
	justify-content:flex-start !important;
}

/* Tegel met gekleurde bovenrand */
.bvm-tegel { border: 1px solid #E8DCC8; border-top: 4px solid #5A7D3C; }