
/*
Theme Name: SOLEPICK Recipes
Theme URI: https://example.com/
Author: Valuted
Description: SOLEPICK Recipes — next-generation recipe, nutrition, fitness and meal-planning WordPress theme.
Version: 1.1.0
Text Domain: solepick-recipes
*/
:root{--ink:#172019;--muted:#66706a;--cream:#fffaf3;--card:#fff;--accent:#e85d3f;--accent2:#f2a65a;--line:#eee7dd;--shadow:0 18px 50px rgba(32,27,20,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
.top{background:#172019;color:#fff;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding:9px 0}.brandbar{background:#fff;border-bottom:1px solid var(--line)}.brandbar .wrap{display:flex;align-items:center;gap:28px;padding:18px 0}.logo{font-weight:900;font-size:27px;letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:20px;flex:1;justify-content:center;font-weight:700;font-size:14px}.search{background:#f6f2eb;border:1px solid var(--line);border-radius:999px;padding:11px 16px;width:250px}
.hero{padding:52px 0 34px;background:linear-gradient(135deg,#fff7e9,#fff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:900;font-size:12px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.95;letter-spacing:-3px;margin:14px 0}.hero p{font-size:18px;color:var(--muted);max-width:620px;line-height:1.6}.hero-search{display:flex;background:#fff;border:1px solid var(--line);border-radius:15px;padding:7px;margin-top:25px;box-shadow:var(--shadow)}.hero-search input{flex:1;border:0;padding:15px;font-size:16px;outline:0}.btn{background:var(--accent);color:#fff;border:0;border-radius:11px;padding:13px 20px;font-weight:800;cursor:pointer}.hero-art{height:380px;border-radius:28px;background:linear-gradient(135deg,#f6c56b,#ed7657);display:flex;align-items:center;justify-content:center;font-size:100px;box-shadow:var(--shadow)}
.section{padding:45px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section h2{font-size:31px;margin:0;letter-spacing:-1px}.muted{color:var(--muted)}
.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:750}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(32,27,20,.04)}.photo{height:180px;background:linear-gradient(135deg,#ffd58b,#f08367);display:flex;align-items:center;justify-content:center;font-size:65px}.card-body{padding:17px}.tag{font-size:11px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:1px}.card h3{margin:7px 0;font-size:19px}.meta{font-size:12px;color:var(--muted);display:flex;gap:10px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool{background:#172019;color:#fff;padding:25px;border-radius:18px}.tool b{font-size:18px}.tool p{color:#ccd2cd;line-height:1.5}.diet{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.diet strong{display:block;font-size:18px;margin-bottom:7px}
footer{background:#172019;color:#fff;padding:45px 0;margin-top:30px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot p,.foot a{color:#c8cec9;line-height:1.7}.copyright{border-top:1px solid #3a433d;margin-top:30px;padding-top:20px;color:#aeb5b0;font-size:13px}
@media(max-width:900px){nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{height:260px}.grid{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}.search{width:150px}}
@media(max-width:560px){.top{display:none}.brandbar .wrap{justify-content:space-between}.search{width:42px;padding:11px;font-size:0}.grid{grid-template-columns:1fr}.tools{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.hero{padding-top:35px}}
