/*
Theme Name: Every Step Kitchen
Theme URI: https://www.everystepkitchen.com/
Author: Every Step Kitchen
Description: The official Every Step Kitchen editorial theme for recipe publishing.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: every-step-kitchen
License: GPL-2.0-or-later
*/

:root{
  --esk-forest:#183828;
  --esk-forest-2:#204030;
  --esk-clay:#B05028;
  --esk-cream:#F8F0E0;
  --esk-cream-2:#F8F0E8;
  --esk-ink:#1E2A25;
  --esk-muted:#66736D;
  --esk-border:rgba(24,56,40,.14);
  --esk-shadow:0 18px 50px rgba(24,56,40,.10);
  --esk-radius:18px;
  --esk-max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--esk-cream-2);color:var(--esk-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72}
a{color:var(--esk-forest);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--esk-clay)}
img{max-width:100%;height:auto}

.esk-site-header{background:var(--esk-cream);border-bottom:1px solid var(--esk-border);position:relative;z-index:10}
.esk-header-inner{max-width:var(--esk-max);margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.esk-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--esk-forest)}
.esk-brand img{width:68px;height:68px;object-fit:contain;border-radius:12px}
.esk-brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;font-weight:700;letter-spacing:.01em}
.esk-brand-subtitle{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--esk-clay);margin-top:2px}
.esk-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}
.esk-nav a{text-decoration:none;font-weight:650;font-size:.95rem}
.esk-menu-toggle{display:none}

.esk-main{min-height:65vh}
.esk-container{max-width:var(--esk-max);margin:0 auto;padding:58px 24px}
.esk-content-narrow{max-width:850px;margin:0 auto}
.esk-page-title,.esk-archive-title{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest);font-size:clamp(2.25rem,5vw,4rem);line-height:1.08;margin:0 0 16px}
.esk-eyebrow{margin:0 0 10px;color:var(--esk-clay);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.esk-lead{font-size:1.16rem;color:#4d5b55;max-width:760px}

.esk-recipe-page{max-width:980px;margin:0 auto}
.esk-recipe-hero{margin:0 0 34px;border-radius:24px;overflow:hidden;background:var(--esk-cream);box-shadow:var(--esk-shadow)}
.esk-recipe-hero img{display:block;width:100%;max-height:640px;object-fit:cover}
.esk-recipe-header{padding:0 8px 28px}
.esk-recipe-header h1{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest);font-size:clamp(2.35rem,5vw,4.3rem);line-height:1.06;margin:0 0 18px}
.esk-recipe-excerpt{font-size:1.18rem;color:#4e5c56;max-width:800px;margin:0 0 24px}
.esk-recipe-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.esk-recipe-meta span{background:var(--esk-cream);border:1px solid var(--esk-border);border-radius:999px;padding:9px 14px;font-size:.88rem;color:#4f5d57}
.esk-recipe-meta strong{color:var(--esk-forest)}
.esk-recipe-introduction{font-size:1.12rem;max-width:820px;margin:0 auto 34px;padding:25px 28px;border-left:5px solid var(--esk-clay);background:rgba(248,240,224,.7);border-radius:0 14px 14px 0}
.esk-editorial-section,.esk-serving,.esk-faq{margin:42px 0}
.esk-editorial-section h2,.esk-serving h2,.esk-faq h2,.esk-canonical-notes h2{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest);font-size:2rem;line-height:1.2;margin:0 0 14px}
.esk-editorial-section p,.esk-serving p{margin:0}

.esk-recipe-card{background:#fff;border:1px solid var(--esk-border);border-radius:24px;box-shadow:var(--esk-shadow);padding:34px;margin:48px 0}
.esk-recipe-card-heading{padding-bottom:24px;border-bottom:1px solid var(--esk-border);margin-bottom:28px}
.esk-recipe-card-heading h2{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest);font-size:2.15rem;margin:0}
.esk-recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:36px}
.esk-recipe-grid h3,.esk-directions h3{color:var(--esk-forest);font-size:1.25rem;margin:0 0 12px}
.esk-recipe-grid ul,.esk-canonical-notes ul{margin:0;padding-left:1.2rem}
.esk-recipe-grid li,.esk-canonical-notes li{margin:0 0 9px}
.esk-directions{padding-top:10px}
.esk-step{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--esk-border)}
.esk-step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--esk-forest);color:#fff;font-weight:800}
.esk-step h4{margin:0 0 7px;color:var(--esk-forest);font-size:1.12rem}
.esk-step p{margin:0 0 8px}
.esk-ready{color:#53615B;font-size:.93rem}
.esk-ready strong{color:var(--esk-clay)}

.esk-canonical-notes{display:grid;gap:30px;margin:48px 0}
.esk-canonical-notes>div{background:var(--esk-cream);border-radius:18px;padding:28px;border:1px solid var(--esk-border)}
.esk-tip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.esk-tip-grid>div{background:#fff;border-radius:14px;padding:18px;border:1px solid var(--esk-border)}
.esk-tip-grid h3{margin:0 0 6px;color:var(--esk-forest);font-size:1rem}
.esk-tip-grid p{margin:0;font-size:.95rem}
.esk-faq details{background:#fff;border:1px solid var(--esk-border);border-radius:14px;padding:17px 20px;margin:12px 0}
.esk-faq summary{cursor:pointer;font-weight:750;color:var(--esk-forest)}
.esk-faq p{margin:12px 0 0;color:#52605A}
.esk-product-cta{margin:50px 0;padding:34px;border-radius:22px;background:var(--esk-forest);color:#fff;text-align:center}
.esk-product-cta h2{font-family:Georgia,"Times New Roman",serif;margin:0 0 20px;font-size:2rem}
.esk-product-cta .esk-eyebrow{color:#F0C3AE}
.esk-button{display:inline-block;background:var(--esk-clay);color:#fff!important;text-decoration:none;font-weight:800;border-radius:999px;padding:12px 20px;margin:5px}
.esk-button:hover{background:#93431F}

.esk-post{max-width:850px;margin:0 auto}
.esk-post h1{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest);font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.08}
.esk-post-content{font-size:1.08rem}
.esk-post-content h2,.esk-post-content h3{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest)}
.esk-featured-image{border-radius:20px;overflow:hidden;margin:25px 0 34px}
.esk-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.esk-card{background:#fff;border:1px solid var(--esk-border);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(24,56,40,.06)}
.esk-card-body{padding:20px}
.esk-card h2{font-family:Georgia,"Times New Roman",serif;color:var(--esk-forest);font-size:1.45rem;line-height:1.2;margin:0 0 8px}
.esk-card p{color:#5c6862;font-size:.94rem}
.esk-card-link{font-weight:800}

.esk-site-footer{background:var(--esk-forest);color:#EAF0EB;margin-top:70px}
.esk-footer-inner{max-width:var(--esk-max);margin:0 auto;padding:42px 24px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.esk-footer-brand{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;font-weight:700}
.esk-footer-copy{max-width:560px;color:#CBD7D0;font-size:.92rem}
.esk-footer a{color:#fff}

@media(max-width:820px){
  .esk-header-inner{padding:14px 18px}.esk-nav ul{gap:14px}.esk-brand img{width:56px;height:56px}.esk-brand-name{font-size:1.05rem}
  .esk-container{padding:42px 18px}.esk-recipe-card{padding:24px}.esk-recipe-grid,.esk-tip-grid,.esk-card-grid{grid-template-columns:1fr}
  .esk-footer-inner{flex-direction:column}.esk-nav a{font-size:.85rem}
}
@media(max-width:560px){
  .esk-header-inner{align-items:flex-start}.esk-nav ul{flex-wrap:wrap;justify-content:flex-end}.esk-brand-subtitle{font-size:.62rem}
  .esk-recipe-hero{border-radius:16px}.esk-recipe-meta span{width:calc(50% - 5px);text-align:center}.esk-step{grid-template-columns:38px 1fr;gap:12px}.esk-step-number{width:36px;height:36px}
}