/*
Theme Name: Recepten Website NL
Theme URI: https://voorbeeld.nl
Author: ChatGPT
Description: Modern Nederlands WordPress-theme voor recepten met porties, ingrediënten-scaling en app-vriendelijke opzet.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
Text Domain: recepten-theme
*/

:root{--bg:#fffaf3;--card:#ffffff;--text:#222;--muted:#666;--brand:#e66b2e;--brand-dark:#b94d19;--line:#eadfd1;--radius:18px;--shadow:0 10px 30px rgba(90,50,20,.08)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wrap{width:min(1120px,92vw);margin-inline:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.brand{font-weight:800;font-size:1.45rem;color:var(--text)}.nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}.hero{padding:64px 0 34px}.hero-card{background:linear-gradient(135deg,#fff 0%,#fff3e8 100%);border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;margin:0 0 14px}.hero p{font-size:1.15rem;color:var(--muted);max-width:720px}.button,.wp-block-button__link{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff!important;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;border:0;cursor:pointer}.button:hover{background:var(--brand-dark);text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.recipe-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.recipe-card img{width:100%;height:210px;object-fit:cover;display:block}.recipe-card-content{padding:20px}.recipe-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.95rem;margin:10px 0}.badge{background:#fff0e6;color:#91410f;border-radius:999px;padding:4px 10px;font-weight:700}.content-area{padding:36px 0 70px}.single-recipe{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:28px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.recipe-hero-image{width:100%;max-height:460px;object-fit:cover;border-radius:24px}.ingredients li{padding:8px 0;border-bottom:1px solid #f0e6dc}.ingredients li:last-child{border-bottom:0}.servings-control{display:flex;align-items:center;gap:10px;margin:16px 0}.servings-control input{width:84px;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:1rem}.steps li{margin-bottom:14px}.searchbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.searchbar input,.searchbar select{padding:12px 14px;border:1px solid var(--line);border-radius:12px;min-width:180px;background:#fff}.site-footer{border-top:1px solid var(--line);background:#fff;padding:30px 0;color:var(--muted)}@media(max-width:820px){.single-recipe{grid-template-columns:1fr}.header-inner{align-items:flex-start;flex-direction:column}.nav ul{flex-wrap:wrap}.hero-card{padding:28px}}