/*
Theme Name: ShopSlim Nederland
Theme URI: https://example.com/
Author: ShopSlim Redactie
Description: Snelle, toegankelijke WordPress-theme voor een onafhankelijke Nederlandse koopgids.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: shopslim-nl
*/
:root{--ink:#15212b;--muted:#5d6a73;--brand:#075985;--brand2:#0e7490;--soft:#ecfeff;--line:#dbe4e8;--warn:#fff7ed;--ok:#ecfdf5;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%;height:auto}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.head{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{font-weight:850;font-size:1.2rem;text-decoration:none;color:var(--ink)}.brand span{color:var(--brand2)}nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}nav a{text-decoration:none;color:var(--ink);font-weight:650}.hero{padding:70px 0 52px;background:linear-gradient(135deg,#ecfeff,#f8fafc 60%,#eef2ff)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}.eyebrow{color:var(--brand2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.03;margin:.2em 0}.lead{font-size:1.15rem;color:var(--muted);max-width:720px}.trust-card,.card,.tool,.notice{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(15,23,42,.06)}.trust-card{padding:26px}.trust-card ul{padding-left:20px}.section{padding:54px 0}.section h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.15}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{overflow:hidden}.card-body{padding:24px}.card h2,.card h3{margin-top:0;line-height:1.25}.meta{color:var(--muted);font-size:.9rem}.pill{display:inline-block;background:var(--soft);color:var(--brand);border-radius:999px;padding:5px 10px;font-weight:700;font-size:.78rem}.content-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:48px;padding:48px 0}.article h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.article h2{margin-top:2em;line-height:1.2}.article h3{margin-top:1.5em}.article table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article th,.article td{border:1px solid var(--line);padding:12px;text-align:left}.article th{background:#f1f5f9}.notice{padding:18px 22px;background:var(--warn);box-shadow:none}.tool{padding:26px;margin:28px 0;background:var(--soft);box-shadow:none}.tool label{display:block;font-weight:700;margin-top:12px}.tool input,.tool select{width:100%;padding:12px;border:1px solid #9ca3af;border-radius:10px;font:inherit}.tool button,.button{display:inline-block;margin-top:16px;padding:12px 18px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.result{margin-top:16px;font-weight:800}.sidebar{align-self:start;position:sticky;top:98px}.sidebar .card{padding:22px;margin-bottom:20px}.site-footer{background:#101c26;color:#dbe4e8;padding:42px 0;margin-top:50px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.disclosure{font-size:.87rem;color:#9fb0bc}.pagination{margin:30px 0}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:860px){.hero-grid,.content-grid,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.sidebar{position:static}.head{align-items:flex-start;padding:15px 0;flex-direction:column}nav ul{flex-wrap:wrap}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding-top:42px}body{font-size:16px}}
