/*
Theme Name: TRAK Koekenkastje
Theme URI: https://trak-koekenkastje.local/
Author: TRAK Koekenkastje
Description: Volledig beheersbaar WordPress-thema voor het TRAK Koekenkastje.
Version: 14.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: trak-koekenkastje
*/
:root{--brown:#4b1e12;--pink:#f18fa2;--peach:#f7c4b0;--cream:#fff7ec;--ink:#2f120b;--line:#efc8b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.site-header{position:sticky;top:0;z-index:20;background:var(--brown);color:#fff;box-shadow:0 4px 20px #0002}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px 22px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:Georgia,serif;font-size:27px;font-weight:700}.brand img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#fff0}.navlinks{margin-left:auto;display:flex;gap:28px}.navlinks a{color:#fff;text-decoration:none;font-weight:700}.cart-pill{margin-left:10px;background:var(--pink);color:var(--brown);border-radius:20px;padding:11px 16px;font-weight:800}.hero{max-width:1180px;margin:28px auto 24px;background:var(--peach);border-radius:28px;padding:64px 7%;min-height:430px}.badge{display:inline-block;background:var(--pink);border-radius:28px;padding:12px 28px;font-weight:900;font-size:18px}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);line-height:.92;margin:42px 0 22px;max-width:760px}.hero p{font-size:22px;font-weight:700;max-width:680px}.cta{display:inline-block;background:var(--brown);color:#fff;text-decoration:none;padding:17px 28px;border-radius:18px;font-size:18px;font-weight:800;margin-top:20px}.flyer-wrap{max-width:900px;margin:0 auto 55px;padding:0 18px}.flyer-wrap img{display:block;width:100%;border-radius:20px}.section{max-width:1180px;margin:0 auto 60px;padding:0 22px}.section-title{font-family:Georgia,serif;font-size:42px;margin:0 0 24px;display:flex;align-items:center;gap:18px}.section-title:after{content:"";height:7px;background:#f2b2be;border-radius:10px;flex:1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.card{min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 7px 25px #4b1e1210;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:20px;background:#fff8ef}.card h3{font-size:24px;margin:18px 6px 8px}.price{font-size:24px;font-weight:900;margin:8px 6px 16px}.old-price{text-decoration:line-through;opacity:.55;margin-right:8px;font-size:18px}.action-price{color:var(--brown)}.add{border:0;background:var(--pink);color:var(--brown);font-weight:900;padding:15px;border-radius:16px;font-size:17px;cursor:pointer}.qty{font-size:14px;font-weight:800;margin:8px 6px;color:#704d43;min-height:18px}.cartbox{background:#fff;border:1px solid var(--line);border-radius:28px;padding:25px;box-shadow:0 7px 25px #4b1e1210}.cartrow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.qbtn{border:0;background:#f6d7d2;border-radius:10px;width:34px;height:34px;font-weight:900}.checkout{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:800}.field input,.field textarea,.field select{border:1px solid #dcb7aa;border-radius:12px;padding:13px;font-size:16px}.wide{grid-column:1/-1}.methods{display:flex;gap:10px;flex-wrap:wrap}.method{border:1px solid #dcb7aa;border-radius:12px;padding:12px 16px}.submit{width:100%;background:var(--brown);color:#fff;border:0;border-radius:14px;padding:16px;font-weight:900;font-size:17px;cursor:pointer}.discount{display:flex;gap:8px}.discount input{flex:1}.discount button{border:0;background:var(--pink);border-radius:12px;padding:0 15px;font-weight:900}.note{font-size:14px;color:#73574e}.admin-intro{background:#fff0e8;border-radius:18px;padding:18px}.site-footer{background:var(--brown);color:#fff;padding:38px 22px 42px;text-align:center}.tiktok-footer{margin:24px auto 0;display:flex;flex-direction:column;align-items:center}.tiktok-link{display:inline-flex;align-items:center;gap:11px;background:#000;color:#fff;text-decoration:none;border-radius:16px;padding:10px 18px 10px 12px;box-shadow:0 7px 18px #0004;transition:transform .18s ease,box-shadow .18s ease}.tiktok-link:hover,.tiktok-link:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px #0006}.tiktok-logo-wrap{width:35px;height:35px;display:grid;place-items:center;background:#fff;border-radius:10px;overflow:hidden}.tiktok-logo{width:25px;height:29px;display:block}.tt-cyan{fill:#25f4ee;transform:translate(-1.2px,1.2px)}.tt-pink{fill:#fe2c55;transform:translate(1.2px,-1.2px)}.tt-black{fill:#111}.tiktok-wordmark{font-weight:900;font-size:19px;letter-spacing:-.4px}.tiktok-caption{margin-top:8px;font-size:14px;font-weight:700;opacity:.9}.empty{padding:15px 0;color:#75574c}@media(max-width:800px){
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{border-radius:20px;padding:12px}.card h3{font-size:18px;margin:12px 4px 6px}.price{font-size:19px;margin:6px 4px 12px}.add{padding:12px 8px;font-size:15px}.qty{margin:6px 4px;font-size:12px}
.nav{padding:9px 12px;gap:8px}.brand{font-size:20px;gap:8px}.brand img{width:48px;height:48px}.navlinks{display:none}.cart-pill{margin-left:auto;padding:10px 13px;font-size:14px}
.hero{margin:12px 12px 22px;padding:42px 28px;min-height:400px;border-radius:28px}.hero h1{font-size:52px}.hero p{font-size:18px}.flyer-wrap{padding:0 10px}.section-title{font-size:34px}.section{padding:0 14px;margin-bottom:42px}.checkout{grid-template-columns:1fr}.wide{grid-column:auto}.cartrow{grid-template-columns:1fr auto}.card img{aspect-ratio:1.25}
}
@media(max-width:560px){
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card{padding:10px;border-radius:18px}.card img{aspect-ratio:1/1;border-radius:14px}.card h3{font-size:16px;line-height:1.15}.price{font-size:17px}.price small{font-size:11px}.add{font-size:13px;padding:10px 6px;border-radius:12px}.qty{min-height:14px}
.hero{margin:10px 8px 20px;padding:34px 22px;min-height:390px;border-radius:24px}.hero h1{font-size:42px;line-height:.95;margin:30px 0 16px}.hero p{font-size:16px}.badge{font-size:13px;padding:9px 15px}.cta{padding:13px 18px;border-radius:14px;font-size:16px}
.section-title{font-size:30px}.section-title:after{height:5px}.flyer-wrap{padding:0 8px;margin-bottom:35px}.flyer-wrap img{border-radius:16px}
}
@media(min-width:801px) and (max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.site-footer-address{margin-top:8px;font-size:.95em;opacity:.9}

.mobile-menu-btn{display:none;border:0;background:var(--pink);color:var(--brown);border-radius:12px;padding:9px 11px;font-size:20px;font-weight:900;cursor:pointer}.mobile-menu{display:none}
@media(max-width:800px){.mobile-menu-btn{display:block}.mobile-menu{position:absolute;left:10px;right:10px;top:68px;background:var(--brown);border-radius:0 0 18px 18px;padding:10px;box-shadow:0 12px 25px #0003}.mobile-menu.open{display:grid;gap:4px}.mobile-menu a{color:#fff;text-decoration:none;font-weight:800;padding:12px 14px;border-radius:10px}.mobile-menu a:hover{background:#6b2c1b}}