/* Single recipe (single-recipe.php). .recipe-access/.recipe-access.lab text
   colors already exist in nfe-home.css — only the hero's pill-badge look is
   added here, scoped to .recipe-hero-meta so the card usage is untouched. */

.nfe-scope .recipe-breadcrumb{padding:130px var(--pad) 0}
.nfe-scope .recipe-breadcrumb-inner{max-width:1160px;margin:0 auto;padding:0 clamp(22px,5vw,40px);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-faint);flex-wrap:wrap}
.nfe-scope .recipe-breadcrumb-inner a{color:var(--ink-soft);transition:color .2s ease}
.nfe-scope .recipe-breadcrumb-inner a:hover{color:var(--green-dark)}

.nfe-scope .recipe-hero{padding:22px var(--pad) 0}
.nfe-scope .recipe-hero-inner{max-width:1160px;margin:0 auto;padding:0 clamp(22px,5vw,40px);display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}
.nfe-scope .recipe-hero-media{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:var(--soft) center/cover no-repeat}
.nfe-scope .recipe-hero-meta{display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--ink-faint);margin-bottom:18px}
.nfe-scope .recipe-hero-meta .recipe-tag{color:var(--green-dark)}
.nfe-scope .recipe-hero-meta .recipe-access{padding:5px 12px;border-radius:999px;background:var(--green-soft);color:var(--green-dark)}
.nfe-scope .recipe-hero-meta .recipe-access.lab{background:#fbf3d1;color:#8a6b00}
.nfe-scope .recipe-hero h1{font-size:clamp(34px,4vw,54px);max-width:14ch}
.nfe-scope .recipe-hero p.lede{margin-top:16px;font-size:17px;line-height:1.7;max-width:44ch}
.nfe-scope .recipe-facts-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.nfe-scope .recipe-fact{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:12px 18px;min-width:92px}
.nfe-scope .recipe-fact b{display:block;font-size:19px;color:var(--ink)}
.nfe-scope .recipe-fact span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:700}

.nfe-scope .recipe-content{padding:64px var(--pad) 0}
.nfe-scope .recipe-content-inner{max-width:1160px;margin:0 auto;padding:0 clamp(22px,5vw,40px);display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:start}
.nfe-scope .recipe-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:sticky;top:110px}
.nfe-scope .recipe-panel h2{font-size:22px;margin-bottom:20px}
.nfe-scope .ingredients-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-soft)}
.nfe-scope .ingredients-list li:last-child{border-bottom:0}
.nfe-scope .ingredients-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:8px}
.nfe-scope .recipe-steps h2{font-size:26px;margin-bottom:24px}
.nfe-scope .recipe-steps ol{counter-reset:step}
.nfe-scope .recipe-steps li{counter-increment:step;display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.nfe-scope .recipe-steps li:last-child{border-bottom:0}
.nfe-scope .recipe-steps li::before{
  content:counter(step);flex:none;width:38px;height:38px;border-radius:50%;
  background:var(--green-deep);color:var(--green);display:grid;place-items:center;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;
}
.nfe-scope .recipe-steps li p{color:var(--ink-soft);padding-top:6px;line-height:1.7}
.nfe-scope .recipe-editorial{color:var(--ink-soft);line-height:1.8;font-size:16px}
.nfe-scope .recipe-editorial p{margin-bottom:16px}

.nfe-scope .recipe-locked{background:var(--green-deep);border-radius:var(--radius);padding:52px clamp(28px,4vw,56px);text-align:center;color:#fff}
.nfe-scope .recipe-locked svg{width:38px;height:38px;color:var(--green);margin:0 auto 18px}
.nfe-scope .recipe-locked h2{font-size:clamp(24px,2.6vw,32px);color:#fff;max-width:24ch;margin:0 auto}
.nfe-scope .recipe-locked p{margin-top:14px;color:rgba(255,255,255,.68);max-width:40ch;margin-left:auto;margin-right:auto}
.nfe-scope .recipe-locked .btn{margin-top:26px}

.nfe-scope .recipe-back{max-width:1160px;margin:70px auto 0;padding:0 clamp(22px,5vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}

/* body.single-recipe is added automatically by WP's body_class() for the CPT */
body.single-recipe .nfe-scope footer{margin-top:90px}

@media(max-width:1100px){
  .nfe-scope .recipe-hero-inner{grid-template-columns:1fr;gap:28px}
  .nfe-scope .recipe-content-inner{grid-template-columns:1fr;gap:34px}
  .nfe-scope .recipe-panel{position:static}
}
@media(max-width:760px){
  .nfe-scope .recipe-breadcrumb{padding:84px 0 0}
  .nfe-scope .recipe-breadcrumb-inner{padding:0 18px;font-size:12px}
  .nfe-scope .recipe-hero{padding:16px 0 0}
  .nfe-scope .recipe-hero-inner{padding:0 18px}
  .nfe-scope .recipe-hero h1{max-width:none}
  .nfe-scope .recipe-facts-row{gap:8px}
  .nfe-scope .recipe-fact{padding:10px 14px;min-width:auto;flex:1 1 40%}
  .nfe-scope .recipe-content{padding:44px 0 0}
  .nfe-scope .recipe-content-inner{padding:0 18px}
  .nfe-scope .recipe-panel{padding:24px}
  .nfe-scope .recipe-locked{padding:36px 22px}
  .nfe-scope .recipe-back{padding:0 18px;margin-top:48px}
  body.single-recipe .nfe-scope footer{margin-top:56px}
}