/*
Theme Name: Nieuwsradar
Description: Rustig, schermvullend thema voor de Nieuwsradar-plugin, met sitepagina's in dezelfde stijl.
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.0
Author: Nieuwsradar
License: GPL-2.0-or-later
Text Domain: nieuwsradar-theme
*/
:root{--nr-bg:#f4f6f9;--nr-panel:#fff;--nr-raise:#edf1f6;--nr-text:#11202e;--nr-muted:#566373;--nr-faint:#8592a2;--nr-line:#e1e7ef;--nr-line-strong:#cfd8e3;--nr-accent:#1766f4;--nr-accent-2:#0f52cc;--nr-on-accent:#fff;--nr-soft:#e8f0fe;--nr-brand:#1766f4;--nr-brand-ink:#11202e;--nr-display:'NR Display','Schibsted Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--nr-body:'NR Sans','Instrument Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--nr-bg:#0a1017;--nr-panel:#111a24;--nr-raise:#182331;--nr-text:#e8edf3;--nr-muted:#a3aebc;--nr-faint:#76839a;--nr-line:#223042;--nr-line-strong:#2c3b4f;--nr-accent:#6ea2ff;--nr-accent-2:#96bcff;--nr-on-accent:#06122a;--nr-soft:#13264a;--nr-brand:#fff;--nr-brand-ink:#fff}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--nr-bg);color:var(--nr-text);font-family:var(--nr-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.home{background:var(--nr-bg)}
a{color:var(--nr-accent)}
img{max-width:100%;height:auto}
.nr-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.nr-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--nr-text)}
.nr-brand .nr-logo{display:block;height:42px;width:auto}
.nr-logo-b{fill:var(--nr-brand)}
.nr-logo-i{fill:var(--nr-brand-ink)}
.nr-site-head{position:sticky;top:0;z-index:10;background:var(--nr-panel);border-bottom:1px solid var(--nr-line)}
body.admin-bar .nr-site-head{top:32px}
@media(max-width:782px){body.admin-bar .nr-site-head{top:46px}}
@media(max-width:600px){body.admin-bar .nr-site-head{top:0}}
.nr-site-head__in{display:flex;align-items:center;gap:24px;height:64px}
.nr-site-nav{display:flex;gap:4px;margin-left:auto}
.nr-site-nav a{color:var(--nr-text);text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:999px}
.nr-site-nav a:hover{background:var(--nr-raise)}
.nr-site-nav a[aria-current=page]{background:var(--nr-soft);color:var(--nr-accent)}
.nr-cta{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;background:var(--nr-accent);color:var(--nr-on-accent);font-weight:650;font-size:15px;text-decoration:none;white-space:nowrap}
.nr-cta:hover{background:var(--nr-accent-2)}
.nr-document{max-width:780px;margin:0 auto;padding:48px 24px 64px}
.nr-doc{background:var(--nr-panel);border:1px solid var(--nr-line);border-radius:22px;padding:44px 48px}
.nr-eyebrow{margin:0 0 10px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nr-accent)}
.nr-doc h1{font:800 42px/1.1 var(--nr-display);letter-spacing:-1.2px;margin:0 0 26px;text-wrap:balance}
.nr-doc__body h2{font:800 23px/1.25 var(--nr-display);letter-spacing:-.4px;margin:34px 0 10px}
.nr-doc__body h3{font:750 19px/1.3 var(--nr-display);margin:26px 0 8px}
.nr-doc__body p,.nr-doc__body li{font-size:17px;line-height:1.72}
.nr-doc__body p{margin:0 0 16px}
.nr-doc__body ul{padding-left:22px;margin:0 0 18px}
.nr-doc__body li{margin:6px 0}
.nr-doc__body li::marker{color:var(--nr-accent)}
.nr-doc__body a{text-underline-offset:3px}
.nr-site-foot{background:var(--nr-panel);border-top:1px solid var(--nr-line);padding:40px 0 28px}
.nr-foot-grid{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:32px}
.nr-foot-about p{margin:14px 0 0;color:var(--nr-muted);font-size:14px;line-height:1.65;max-width:440px}
.nr-foot-grid h3{margin:4px 0 12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nr-faint)}
.nr-foot-grid>div:not(.nr-foot-about){display:flex;flex-direction:column;gap:2px}
.nr-foot-grid>div>a{color:var(--nr-text);text-decoration:none;font-size:15px;padding:4px 0}
.nr-foot-grid>div>a:hover{color:var(--nr-accent);text-decoration:underline}
.nr-foot-bottom{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid var(--nr-line);font-size:12.5px;color:var(--nr-faint)}
@media(max-width:860px){.nr-site-nav{display:none}.nr-site-head__in{justify-content:space-between}}
@media(max-width:640px){.nr-wrap{padding:0 16px}.nr-site-head__in{height:58px}.nr-brand .nr-logo{height:32px}.nr-cta{padding:9px 14px;font-size:14px}.nr-document{padding:16px 12px 40px}.nr-doc{padding:26px 20px;border-radius:18px}.nr-doc h1{font-size:31px;margin-bottom:18px}.nr-doc__body p,.nr-doc__body li{font-size:16px}.nr-foot-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.nr-foot-about{grid-column:1/-1}.nr-foot-bottom{flex-direction:column}}
/* Homepage: de plugin regelt de volledige layout. */
body.home .nr-document{all:unset}
html{scroll-padding-top:88px}
