/*
Theme Name: FreeFromFoods
Theme URI: https://freefromfoods.nl
Author: FreeFromFoods
Description: Een frisse, kleurrijke en toegankelijke basis voor FreeFromFoods.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: freefromfoods
*/
:root{--cream:#ffffff;--sand:#eaf7f2;--terracotta:#f07868;--coral:#f07868;--peach:#ddf4eb;--yellow:#ffd85a;--green:#62c99a;--ink:#174f50;--muted:#527575;--white:#fff;--radius:24px;--shadow:0 12px 35px rgba(23,79,80,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--terracotta)}img{max-width:100%;height:auto}.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #dcece7;position:relative;z-index:5}.header-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:15px;background:var(--terracotta);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;transform:rotate(-5deg)}.brand-name{font-size:1.45rem;font-weight:850;letter-spacing:-.06em;line-height:1}.brand-name span{color:var(--terracotta)}.brand-tagline{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.04em;margin-top:5px}.main-nav ul{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0;font-weight:650;font-size:.94rem}.main-nav a{padding:8px 0}.main-nav .current-menu-item a{color:var(--terracotta)}.account-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.account-link{font-size:.9rem;font-weight:700}.account-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:var(--green);color:#124b45;font-size:.88rem;font-weight:800;transition:transform .2s,background .2s}.account-button:hover{background:#4bb783;color:#103f3a;transform:translateY(-2px)}.menu-toggle{display:none}.hero{max-width:1180px;margin:38px auto 30px;padding:0 24px}.hero-panel{position:relative;overflow:hidden;border-radius:34px;background:var(--peach);padding:clamp(38px,7vw,82px);min-height:390px;display:flex;align-items:center}.hero-copy{position:relative;z-index:1;max-width:610px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.65);padding:7px 13px;border-radius:999px;font-size:.78rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#276565}.hero h1{font-family:Georgia,serif;font-weight:600;font-size:clamp(2.7rem,6vw,5rem);line-height:.99;letter-spacing:-.055em;margin:20px 0 18px;max-width:590px}.hero h1 em{font-style:italic;color:var(--terracotta)}.hero p{font-size:1.08rem;color:#416b6b;max-width:490px;margin:0 0 25px}.hero-art{position:absolute;right:3%;bottom:-35px;width:min(39%,390px);height:330px;border-radius:48% 48% 28px 28px;background:var(--yellow);display:grid;place-items:center;overflow:hidden;transform:rotate(3deg);box-shadow:var(--shadow)}.hero-food-image{width:100%;height:100%;object-fit:cover;transform:rotate(-3deg) scale(1.04)}.hero-food-note{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);font-family:Georgia,serif;line-height:1.05;transform:rotate(-3deg)}.hero-food-note span{font-size:2rem;font-style:italic}.hero-food-note strong{font-size:2.7rem;font-weight:600;color:var(--coral)}.button,.search-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--terracotta);color:#fff;padding:13px 22px;font-weight:750;font-size:.95rem;cursor:pointer;transition:transform .2s,background .2s}.button:hover,.search-button:hover{color:#fff;background:#d85e51;transform:translateY(-2px)}.search-section{max-width:860px;margin:0 auto;padding:0 24px 38px;text-align:center}.search-section h2,.section-heading h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:600;letter-spacing:-.04em;margin:0 0 8px}.search-section p{color:var(--muted);margin:0 0 20px}.recipe-search{display:flex;gap:10px;padding:8px;background:#fff;border:1px solid #dcece7;border-radius:999px;box-shadow:var(--shadow);max-width:690px;margin:auto}.recipe-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 17px;font:inherit;outline:none;color:var(--ink)}.categories,.latest{max-width:1180px;margin:0 auto;padding:24px 24px 55px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading p{color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{min-height:165px;padding:22px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transition:transform .2s}.category-card:hover{transform:translateY(-4px);color:var(--ink)}.category-card:nth-child(1){background:#fff0b3}.category-card:nth-child(2){background:#bce8d1}.category-card:nth-child(3){background:#ffd0c5}.category-card:nth-child(4){background:#ddf4eb}.category-icon{font-size:2.5rem;line-height:1}.category-card strong{font-family:Georgia,serif;font-size:1.45rem;font-weight:600}.category-card small{font-size:.85rem;color:#527575}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipe-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(23,79,80,.14)}.recipe-card-link{display:block;height:100%}.recipe-card img{width:100%;height:205px;object-fit:cover;display:block}.recipe-placeholder{height:205px;display:grid;place-items:center;background:linear-gradient(135deg,#dff4e9,#fff0b3);color:var(--ink);font-family:Georgia,serif;font-size:1.5rem;font-style:italic}.recipe-placeholder span{padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.72)}.placeholder-mint{background:linear-gradient(135deg,#bce8d1,#f3fff8)}.placeholder-yellow{background:linear-gradient(135deg,#fff0b3,#ffd0c5)}.recipe-card-content{padding:19px}.recipe-kicker{display:inline-block;margin-bottom:8px;color:#31866f;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.recipe-read-more{display:inline-block;margin-top:14px;color:var(--coral);font-size:.88rem;font-weight:800}.recipe-card h3{font-family:Georgia,serif;font-size:1.3rem;font-weight:600;margin:0 0 7px}.recipe-card p{margin:0;color:var(--muted);font-size:.92rem}.site-footer{margin-top:30px;background:#174f50;color:#ffffff;padding:42px 24px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-inner p{margin:6px 0 0;color:#d2e8e3;font-size:.9rem}.footer-brand{font-size:1.25rem;font-weight:800}.footer-brand span{color:#ffd85a}.content-wrap{max-width:900px;margin:55px auto;padding:0 24px;min-height:45vh}.content-wrap h1{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1}.content-wrap article{background:#fff;padding:clamp(22px,5vw,48px);border-radius:var(--radius);box-shadow:var(--shadow)}.pagination{margin-top:25px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.header-inner{padding:15px 18px;flex-wrap:wrap}.account-actions{margin-left:auto}.account-button{padding:8px 12px;font-size:.8rem}.main-nav ul{gap:13px;font-size:.83rem}.hero{margin-top:22px;padding:0 15px}.hero-panel{min-height:430px;padding:32px 25px 190px;border-radius:26px}.hero-art{width:190px;right:8%;bottom:-50px;font-size:7rem}.hero h1{font-size:3.1rem}.category-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.brand-name{font-size:1.25rem}.header-inner{gap:10px}.account-actions{width:100%;justify-content:flex-end}.account-link{font-size:.82rem}.account-button{font-size:.78rem}.brand-mark{width:38px;height:38px}.main-nav ul{gap:10px}.main-nav li:nth-child(n+3){display:none}.hero h1{font-size:2.7rem}.recipe-search{border-radius:20px;flex-direction:column}.recipe-search input{padding:10px}.recipe-grid{grid-template-columns:1fr}.category-card{min-height:140px}}