/*
 * Look-and-feel opfrisser (nov 2026).
 * Apart bestand i.p.v. style.css: de nginx-cache negeert ?ver=, een nieuw
 * pad is de enige betrouwbare manier om een nieuwe versie te serveren.
 * Laadt na style.css (zie matala_enqueue_assets in functions.php).
 */

/* ---------- Slogan: past op smalle schermen ---------- */
@media only screen and (max-width: 768px) {
	#slogan {
		font-size: .85rem;
		line-height: 1.3;
		text-wrap: balance;
		width: auto;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* ---------- Titels berichten/pagina's: overal rood (was zwart op detailpagina) ---------- */
.entry-title,
.entry-title a {
	color: #d8471d !important;
}

/* ---------- Leesbaarheid berichttekst ---------- */
.entry-content p,
.entry-content li {
	font-size: 16px;
	line-height: 1.6;
}

/* ---------- Tags/categorieën onder berichten: rustiger ---------- */
.entry-footer,
.entry-footer a {
	color: #8a7560 !important;
}
.entry-footer a:hover {
	color: #d8471d !important;
}

/* ---------- Zoekwidget: veld + compacte icoonknop op één regel ---------- */
.widget_search .search-form {
	display: flex;
	align-items: stretch;
	width: 85%;
	margin: 0 auto 20px;
}
.widget_search .search-form label {
	flex: 1;
	width: auto;
	margin: 0;
}
.widget_search .search-form .search-field {
	border-radius: 4px 0 0 4px !important;
	border-right: 0 !important;
	background: #fffdf8;
}
.widget_search .search-form .search-field:focus {
	outline: none;
	border-color: #1b6537 !important;
	box-shadow: 0 0 0 2px rgba(27, 101, 55, .15);
}
/* Knop houdt value="Zoeken" als toegankelijke naam; tekst visueel verborgen. */
.widget_search .search-form .search-submit {
	width: 44px;
	min-width: 44px;
	margin: 0 !important;
	padding: 0 !important;
	background: #f3ead8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23644a3d' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") no-repeat center / 18px !important;
	border: 1px solid #c5ae7c !important;
	border-radius: 0 4px 4px 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
}
.widget_search .search-form .search-submit:hover,
.widget_search .search-form .search-submit:focus-visible {
	background: #1b6537 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") no-repeat center / 18px !important;
	border-color: #1b6537 !important;
}

/* ---------- Groene knop (CTA homepage + nieuwsbrief) ----------
 * .knop-groen kan in de editor aan elke link gegeven worden.
 * MailPoet zet inline styles, vandaar !important op die knop. */
.knop-groen,
.homepage-intro a.mail-link,
.mailpoet_form input.mailpoet_submit {
	display: inline-block;
	background: #1b6537 !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 8px 16px !important;
	border: 0 !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .12) !important;
	text-shadow: none !important;
	text-decoration: none !important;
	cursor: pointer;
	width: auto !important;
	transition: transform 50ms;
}
.knop-groen:hover,
.homepage-intro a.mail-link:hover,
.mailpoet_form input.mailpoet_submit:hover {
	background: #22784a !important;
	font-size: 14px !important;
}
.knop-groen:active,
.homepage-intro a.mail-link:active,
.mailpoet_form input.mailpoet_submit:active {
	transform: translateY(1px);
}

/* ---------- Nieuwsbriefformulier: velden gelijk aan zoekveld ---------- */
.mailpoet_form .mailpoet_paragraph input.mailpoet_text {
	border: 1px solid #c5ae7c !important;
	border-radius: 4px !important;
	background: #fffdf8;
	padding: 8px 12px !important;
	box-sizing: border-box;
}
.mailpoet_form .mailpoet_paragraph input.mailpoet_text:focus {
	outline: none;
	border-color: #1b6537 !important;
	box-shadow: 0 0 0 2px rgba(27, 101, 55, .15);
}
/* Label + paragraaf hadden elk 20px marge: dubbel gat boven de knop. */
.mailpoet_form .mailpoet_checkbox_label {
	margin-bottom: 0;
}