/*
Theme Name: Masurian Delight
Theme URI: https://masuriandelight.pl
Description: Child-thema van Astra voor Masurian Delight — vast, dun menu bovenaan en een schermvullende logo-sectie op de startpagina. Kleuren en lettertypes volgens de MD-stijlgids v1.0.
Author: Masurian Delight
Template: astra
Version: 1.0.4
Text Domain: masurian-delight
License: GPL-2.0-or-later
*/

/* ---------- Lettertypes (zelf gehost, AVG-vriendelijk) ---------- */
@font-face{font-family:"Poppins";font-weight:600;font-style:normal;font-display:swap;src:url("assets/fonts/poppins-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-weight:600;font-style:normal;font-display:swap;src:url("assets/fonts/poppins-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-weight:700;font-style:normal;font-display:swap;src:url("assets/fonts/poppins-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-weight:700;font-style:normal;font-display:swap;src:url("assets/fonts/poppins-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("assets/fonts/inter-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("assets/fonts/inter-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("assets/fonts/inter-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("assets/fonts/inter-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url("assets/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url("assets/fonts/jetbrains-mono-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Kleuren (stijlgids hoofdstuk 1) ---------- */
:root{
	--md-green:#14392A;
	--md-green-light:#1E4E39;
	--md-cream:#F0E9D6;
	--md-white:#FFFFFF;
	--md-ink:#1C2E22;
	--md-cream-muted:#C9C2AC;
	--md-ok:#3B7A4E;
	--md-warn:#C98A2C;
	--md-bad:#B4483B;
	--md-bar-h:44px;
	--md-bar-bg:#F0E9D6;
	--md-bar-fg:#14392A;
	--md-bar-fg-soft:rgba(20,57,42,.78);
	--md-bar-line:rgba(20,57,42,.2);
	--md-bar-hover:rgba(20,57,42,.08);
	--md-adminbar-h:0px;
	--md-font-head:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
	--md-font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
	--md-font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
body.admin-bar{--md-adminbar-h:32px}
@media (max-width:782px){body.admin-bar{--md-adminbar-h:46px}}

/* ---------- Basis ---------- */
body.md-theme{background-color:var(--md-cream)!important;color:var(--md-ink);font-family:var(--md-font-body)}
body.md-theme button,body.md-theme input,body.md-theme select,body.md-theme textarea{font-family:var(--md-font-body)}
body.md-theme h1,body.md-theme h2,body.md-theme h3,body.md-theme h4,body.md-theme h5,body.md-theme h6,
body.md-theme .entry-title{font-family:var(--md-font-head);font-weight:600;color:var(--md-green)}
body.md-theme code,body.md-theme kbd,body.md-theme .md-mono{font-family:var(--md-font-mono)}

/* Astra's eigen header vervangen door het MD-menu */
body.md-theme #masthead,body.md-theme .site-header,body.md-theme .ast-mobile-header-wrap{display:none!important}

/* Footer in donker bosgroen */
body.md-theme .site-footer,body.md-theme .ast-small-footer,body.md-theme .site-below-footer-wrap,body.md-theme .site-primary-footer-wrap{background-color:var(--md-green)!important;color:var(--md-cream)}
body.md-theme .site-footer a{color:var(--md-cream)}

/* ---------- Vast menu ---------- */
.md-skip{position:absolute;left:-9999px;top:0;background:var(--md-cream);color:var(--md-green);padding:8px 14px;z-index:100000}
.md-skip:focus{left:8px;top:8px}

.md-bar{
	position:sticky;top:var(--md-adminbar-h);z-index:9999;
	height:var(--md-bar-h);box-sizing:border-box;
	background:var(--md-bar-bg);color:var(--md-bar-fg);
	border-bottom:1px solid var(--md-bar-line);
	font-family:var(--md-font-body);
}
.md-bar__inner{
	display:flex;align-items:center;justify-content:space-between;
	height:100%;width:100%;padding:0 clamp(12px,3vw,32px);box-sizing:border-box;
}
.md-nav{height:100%}
.md-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;height:100%;gap:2px}
.md-nav li{position:relative;display:flex;align-items:stretch;margin:0}
.md-nav a{
	display:flex;align-items:center;padding:0 14px;
	color:var(--md-bar-fg-soft);text-decoration:none;
	font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
	border-bottom:2px solid transparent;box-sizing:border-box;
}
.md-nav a:hover,.md-nav a:focus-visible,
.md-nav .current-menu-item>a,.md-nav .current_page_item>a,.md-nav .current-menu-ancestor>a{color:var(--md-bar-fg);border-bottom-color:var(--md-bar-fg)}
.md-nav a:focus-visible,.md-toggle:focus-visible{outline:2px solid var(--md-bar-fg);outline-offset:-3px}

/* Submenu's (eenvoudig dropdown) */
.md-nav ul ul{
	display:none;position:absolute;top:100%;left:0;min-width:220px;height:auto;
	flex-direction:column;background:var(--md-bar-bg);
	border:1px solid var(--md-bar-line);border-top:0;gap:0;
}
.md-nav ul ul a{padding:11px 14px;border-bottom:0}
.md-nav li:hover>ul,.md-nav li:focus-within>ul{display:flex}

.md-bar__right{display:flex;align-items:center;gap:8px;height:100%}
.md-lang{display:flex;align-items:center;height:100%;font-size:13px;font-weight:600;letter-spacing:.07em}
/* TranslatePress-schakelaar compact en in huisstijl, binnen de menubalk */
body.md-theme .md-lang .trp-language-switcher{height:var(--md-bar-h)!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0;display:flex;align-items:center}
body.md-theme .md-lang .trp-language-switcher>div{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
body.md-theme .md-lang .trp-ls-shortcode-current-language{display:flex;align-items:center;height:var(--md-bar-h);position:static}
body.md-theme .md-lang .trp-language-switcher a{display:flex;align-items:center;gap:6px;padding:0 10px!important;height:var(--md-bar-h);color:var(--md-bar-fg)!important;font-size:13px!important;line-height:1!important;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-radius:0!important;background:transparent!important}
body.md-theme .md-lang .trp-language-switcher a:hover,body.md-theme .md-lang .trp-language-switcher a:focus-visible{background:var(--md-bar-hover)!important}
body.md-theme .md-lang .trp-flag-image{width:18px;height:auto;margin:0}
/* uitklaplijst met de overige talen */
body.md-theme .md-lang .trp-ls-shortcode-language{top:100%!important;left:auto!important;right:0;background:var(--md-bar-bg)!important;border:1px solid var(--md-bar-line)!important;border-top:0!important;min-width:140px}
body.md-theme .md-lang .trp-language-switcher:hover>div.trp-ls-shortcode-language{padding:0!important;width:auto!important}
body.md-theme .md-lang .trp-language-switcher:hover>div.trp-ls-shortcode-current-language{display:none}

/* Zwevende TranslatePress-keuzelijst niet tonen: de schakelaar staat al in het menu */
body.md-theme #trp-floater-ls{display:none!important}

/* Startpagina: alleen menu + schermvullend logo — alles daaronder (inhoud, footer) verborgen */
body.md-has-hero{background-color:var(--md-green)!important}
body.md-has-hero #content,body.md-has-hero .site-content,
body.md-has-hero #colophon,body.md-has-hero .site-footer,
body.md-has-hero .ast-scroll-top-wrap,body.md-has-hero #ast-scroll-top{display:none!important}

.md-toggle{
	display:none;background:none;border:0;color:var(--md-bar-fg);cursor:pointer;
	width:44px;height:100%;padding:0;align-items:center;justify-content:center;
}
.md-toggle__icon,.md-toggle__icon::before,.md-toggle__icon::after{
	display:block;width:20px;height:2px;background:var(--md-bar-fg);content:"";position:relative;transition:transform .2s,opacity .2s;
}
.md-toggle__icon::before{position:absolute;top:-6px}
.md-toggle__icon::after{position:absolute;top:6px}
.md-bar.is-open .md-toggle__icon{background:transparent}
.md-bar.is-open .md-toggle__icon::before{top:0;transform:rotate(45deg)}
.md-bar.is-open .md-toggle__icon::after{top:0;transform:rotate(-45deg)}

@media (max-width:820px){
	.md-toggle{display:flex;order:2}
	.md-bar__right{order:2;margin-left:auto}
	.md-nav{
		display:none;position:absolute;top:100%;left:0;right:0;height:auto;
		background:var(--md-bar-bg);border-bottom:1px solid var(--md-bar-line);
		max-height:calc(100svh - var(--md-bar-h) - var(--md-adminbar-h));overflow-y:auto;
	}
	.md-bar.is-open .md-nav{display:block}
	.md-nav ul{flex-direction:column;height:auto;gap:0}
	.md-nav li{display:block}
	.md-nav a{padding:14px 18px;border-bottom:1px solid var(--md-bar-line)}
	.md-nav ul ul{display:block;position:static;border:0;min-width:0;padding-left:14px}
}

/* ---------- Schermvullende logo-sectie (startpagina) ---------- */
.md-hero{
	display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);
	height:calc(100vh - var(--md-bar-h) - var(--md-adminbar-h));
	height:calc(100svh - var(--md-bar-h) - var(--md-adminbar-h));
	padding:clamp(8px,2vmin,28px);box-sizing:border-box;
	background:var(--md-green);
}
.md-hero__logo{display:block;width:100%;height:100%;object-fit:contain}