/* Recipes archive (archive-recipe.php) — styles not already covered by
   nfe-home.css (.recipe-grid/.recipe-card/.recipe-art/.recipe-body/
   .recipe-meta/.recipe-access/.recipe-facts/.recipe-cta already exist there
   and are reused as-is). */

.nfe-scope .page-intro{padding:130px var(--pad) 30px}
.nfe-scope .page-intro-inner{max-width:var(--max);margin:0 auto;padding:0 clamp(22px,5vw,78px)}
.nfe-scope .page-intro h1{font-size:clamp(32px,3.6vw,50px);max-width:16ch}
.nfe-scope .page-intro p{margin-top:14px;font-size:16px;line-height:1.65;max-width:520px}

.nfe-scope .filters{padding:0 var(--pad) 10px}
.nfe-scope .filters-inner{max-width:var(--max);margin:0 auto;padding:0 clamp(22px,5vw,78px);display:flex;gap:10px;flex-wrap:wrap}
.nfe-scope .filter-btn{border:1px solid var(--line);border-radius:999px;background:var(--white);padding:11px 20px;font-size:13px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.nfe-scope .filter-btn:hover{border-color:var(--green-dark);color:var(--ink)}
.nfe-scope .filter-btn.active{background:var(--green-deep);border-color:var(--green-deep);color:#fff}

.nfe-scope .recipes-section{padding:40px var(--pad) 0}

/* nfe-home.css's .recipe-grid has no side padding of its own — on the
   homepage it sits inside .wrap, which supplies it. The archive has no
   .wrap ancestor, so the grid needs its own max-width + side padding here
   or the cards run edge-to-edge. */
.nfe-scope .recipe-grid{max-width:var(--max);margin:0 auto;padding:0 clamp(22px,5vw,78px)}

.nfe-scope .recipe-cta{padding:60px var(--pad) 0;margin-top:0}

/* nfe-home.css's footer has no top margin (the homepage's last section already
   supplies enough space above it) — the archive's final CTA needs its own gap
   before the footer's border-top line. */
.nfe-scope footer{margin-top:70px}

.nfe-scope .recipe-view{margin-top:auto;padding-top:18px}
.nfe-scope .recipe-view-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--green-deep);font-size:13px;font-weight:700;padding:11px 18px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}
.nfe-scope .recipe-view-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(54,144,44,.2)}

.nfe-scope .recipes-empty{display:none;max-width:var(--max);margin:0 auto;padding:60px clamp(22px,5vw,78px);text-align:center;color:var(--ink-faint)}
.nfe-scope .recipes-empty.show{display:block}

/* WP's own pagination markup (the_posts_pagination) */
.nfe-scope .pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}
.nfe-scope .pagination .page-numbers{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;color:var(--ink-soft);background:var(--white);transition:background .2s ease,color .2s ease,border-color .2s ease}
.nfe-scope .pagination .page-numbers:hover{border-color:var(--green-dark);color:var(--ink)}
.nfe-scope .pagination .page-numbers.current{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.nfe-scope .pagination .page-numbers.dots{border-color:transparent;background:transparent}

@media(max-width:760px){
  .nfe-scope .page-intro{padding:84px 0 16px}
  .nfe-scope .page-intro-inner{padding:0 18px}
  .nfe-scope .page-intro h1{max-width:none}
  .nfe-scope .page-intro p{font-size:14px}
  .nfe-scope .filters{padding:0 0 4px}
  .nfe-scope .filters-inner{
    flex-wrap:nowrap;overflow-x:auto;padding:0 18px 4px;gap:8px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .nfe-scope .filters-inner::-webkit-scrollbar{display:none}
  .nfe-scope .filter-btn{padding:10px 16px;font-size:12px;white-space:nowrap;flex:none}
  .nfe-scope .recipes-section{padding:24px 0 0}
  .nfe-scope .recipe-grid{padding:0 12px}
  .nfe-scope .recipe-cta{padding:44px 12px 0}
}