/* Recipes Archive – scoped styles */
body.archive-recipes-layout {
  --recipes-primary: hsl(140, 45%, 35%);
  --recipes-primary-glow: hsl(140, 60%, 45%);
  --recipes-secondary: hsl(25, 85%, 92%);
  --recipes-secondary-foreground: hsl(140, 25%, 15%);
  --recipes-muted: hsl(120, 10%, 95%);
  --recipes-muted-foreground: hsl(140, 15%, 45%);
  --recipes-border: hsl(120, 15%, 88%);
  --recipes-radius: 0.5rem;
  --recipes-radius-lg: 0.75rem;
  --recipes-transition: all .3s cubic-bezier(.4,0,.2,1);
}

body.archive-recipes-layout .recipes-header-section {
  padding: 3rem 0 2.2rem;
  background: linear-gradient(135deg, #f7faf8 0%, var(--recipes-muted) 100%);
  position: relative;
  overflow: hidden;
}
body.archive-recipes-layout .recipes-header-section:before {
  content: "";
  position: absolute; inset:0; pointer-events:none;
  background: radial-gradient(circle at 70% 30%, rgba(255,255,255,.7), rgba(255,255,255,0));
}
body.archive-recipes-layout .recipes-header-section .section-header {text-align:center; margin:0 auto 2.2rem; max-width:860px;}
/* Ensure badge is on its own line above the title even if parent gets flex elsewhere */
body.archive-recipes-layout .recipes-header-section .section-header {display:block !important;}
body.archive-recipes-layout .recipes-header-section .section-header > .section-badge {display:inline-flex !important; margin:0 0 1rem !important; width:auto !important; max-width:max-content;}
body.archive-recipes-layout .section-badge {display:inline-flex;align-items:center;gap:.5rem;background:var(--recipes-secondary);color:var(--recipes-secondary-foreground);padding:.55rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px -4px rgba(0,0,0,.08);} 
body.archive-recipes-layout .section-title {font-size:clamp(1.9rem,5vw,3rem);font-weight:700;line-height:1.15;margin:0 0 1rem;color:#1d2622;}
/* Prevent theme/flex utilities from splitting first words and highlighted span across width */
body.archive-recipes-layout .section-title {display:block; letter-spacing:normal; word-spacing:normal; white-space:normal;}
body.archive-recipes-layout .section-title .text-primary {display:inline; margin-left:.35ch;}
body.archive-recipes-layout .section-title .text-primary {color:var(--recipes-primary); position:relative;}
body.archive-recipes-layout .section-title .text-primary:after {content:"";position:absolute;left:0;right:0;bottom:.15em;height:.25em;background:linear-gradient(90deg,var(--recipes-primary),var(--recipes-primary-glow));opacity:.25;border-radius:4px;}
body.archive-recipes-layout .section-description {font-size:1.05rem;color:var(--recipes-muted-foreground);max-width:100ch;margin:0 auto;line-height:1.5;}
.archive-description ul{
  margin-left:20px;
}
/*** Inline style ***/
.recipes-archive-wrapper .recipes-types-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0 0 20px;padding:0}
.recipes-archive-wrapper .recipes-types-list a{display:inline-block;padding:6px 14px;border:1px solid #ddd;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333;background:#fff;transition:.2s}
.recipes-archive-wrapper .recipes-types-list a:hover{background:#000;color:#fff;border-color:#000}
.recipes-archive-wrapper .recipes-types-list a.active{background:#000;color:#fff;border-color:#000}
.recipes-archive-wrapper .recipe-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.1em;line-height:1.55;font-size:.95rem;margin:.4rem 0 0}
.recipes-archive-wrapper .recipe-card-thumb{position:relative}
.recipes-archive-wrapper .recipe-card-tags{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;z-index:5}
.recipes-archive-wrapper .recipe-card-tag{background:rgba(0,0,0,.65);color:#fff;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.5px;white-space:nowrap}
.recipes-archive-wrapper .recipe-card-tag:hover{background:rgba(0,0,0,.8)}
.recipes-archive-wrapper .difficulty-wrap{display:flex;align-items:center;gap:6px;margin:0}
.recipes-archive-wrapper .difficulty-dots{display:inline-flex;gap:4px}
.recipes-archive-wrapper .difficulty-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(46,204,64,.25);display:inline-block}
.recipes-archive-wrapper .difficulty-dots .dot.filled{background:#2ecc40}
.recipes-archive-wrapper .short-recipe-facts-wrapper{display:flex;justify-content:space-between;gap:8px;background-color:#f2f2f2;border-radius:5px;padding:6px 10px;margin:8px 0 6px}
.recipes-archive-wrapper .short-recipe-fact{flex:1;display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}
.recipes-archive-wrapper .short-recipe-fact .icon{font-size:.95rem;line-height:1}

/* Filter form */
body.archive-recipes-layout form.recipes-filters {background:#fff;border:1px solid var(--recipes-border);border-radius:var(--recipes-radius-lg);padding:1.75rem 1.75rem 1.25rem;margin:0 auto;max-width:1180px;box-shadow:0 8px 28px -8px rgba(0,0,0,.08);}
body.archive-recipes-layout .filters-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;align-items:end;}
body.archive-recipes-layout .filter-group {display:flex;flex-direction:column;gap:.4rem;}
body.archive-recipes-layout .filter-label {font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:.35rem;color:#2c3d36;}
body.archive-recipes-layout .filter-select, 
body.archive-recipes-layout .recipes-filters input[type=text] {padding:.7rem .8rem;border:1px solid var(--recipes-border);border-radius:var(--recipes-radius);background:#fdfefe;font-size:.85rem;line-height:1.2;transition:var(--recipes-transition);}
body.archive-recipes-layout .filter-select:focus, 
body.archive-recipes-layout .recipes-filters input[type=text]:focus {outline:none;border-color:var(--recipes-primary);box-shadow:0 0 0 3px rgba(40,160,90,.15);}
body.archive-recipes-layout .recipes-filters button.button.primary {background:linear-gradient(135deg,var(--recipes-primary),var(--recipes-primary-glow));border:none;padding:.75rem 1.2rem;font-weight:600;font-size:.85rem;letter-spacing:.5px;}
body.archive-recipes-layout .recipes-filters a.button.secondary {background:#fff;border:1px solid var(--recipes-border);font-size:.8rem;font-weight:600;}
body.archive-recipes-layout .recipes-filters a.button.secondary:hover {border-color:var(--recipes-primary);color:var(--recipes-primary);}

body.archive-recipes-layout .results-counter {text-align:center;margin-top:1.1rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;color:var(--recipes-muted-foreground);text-transform:uppercase;}

/* Legacy card tweaks remain separate – keep existing inline styles for cards */

/* Moved from inline <style> in archive-recipes.php so taxonomy pages share styling */
body.archive-recipes-layout .recipe-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.1em;line-height:1.55;font-size:.95rem;margin:.4rem 0 0}
body.archive-recipes-layout .recipe-card-thumb{position:relative}
body.archive-recipes-layout .recipe-card-tags{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;z-index:5}
body.archive-recipes-layout .recipe-card-tag{background:rgba(0,0,0,.65);color:#fff;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.5px;white-space:nowrap;transition:background .25s}
body.archive-recipes-layout .recipe-card-tag:hover{background:rgba(0,0,0,.8)}
body.archive-recipes-layout .difficulty-wrap{display:flex;align-items:center;gap:6px;margin:0}
body.archive-recipes-layout .difficulty-dots{display:inline-flex;gap:4px}
body.archive-recipes-layout .difficulty-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(46,204,64,.25);display:inline-block}
body.archive-recipes-layout .difficulty-dots .dot.filled{background:#2ecc40}
body.archive-recipes-layout .short-recipe-facts-wrapper{display:flex;justify-content:space-between;gap:8px;background-color:#f2f2f2;border-radius:5px;padding:6px 10px;margin:8px 0 6px}
body.archive-recipes-layout .short-recipe-fact{flex:1;display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}
body.archive-recipes-layout .short-recipe-fact .icon{font-size:.95rem;line-height:1}

@media (max-width: 780px){
  body.archive-recipes-layout form.recipes-filters {padding:1.25rem 1.1rem 1rem;}
  body.archive-recipes-layout .filters-grid {grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;}
  body.archive-recipes-layout .section-title {font-size:2.15rem;}
}