/* ==========================================================================
   Hantol: auto recipe card (posts created from plain text, posts.recipe_auto = 1).
   Layered on the existing WPRM-style card (style.css) and restyled to the ProAgenda theme:
   Space Grotesk headings (--pa-display), Inter body (--t-sans), 26px / 14px radii, dot eyebrows,
   soft blob shapes. All colours come from CSS variables set per category on the card:
   --rc-accent (category colour), --rc-band (AA-contrast shade for white text), --rc-band-d,
   --rc-tint, --rc-tint-2, --rc-line, --rc-glow. Mobile-first. Loaded only on auto recipe posts.
   ========================================================================== */
.rc-auto,.rc-jump{--rc-ink:var(--pa-green,#1C4A42);--rc-muted:var(--pa-muted,#5E6F6A)}

/* ---------- Jump to recipe / print (above the story) ---------- */
.rc-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.rc-jump-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 0;min-height:46px;padding:.7rem 1.1rem;border-radius:12px;border:2px solid var(--rc-band);background:var(--rc-band);color:#fff;font:600 .92rem/1.2 var(--t-sans,Inter,sans-serif);text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,color .2s}
.rc-jump-btn:hover{background:var(--rc-band-d);border-color:var(--rc-band-d);color:#fff;transform:translateY(-1px)}
.rc-jump-btn-ghost{background:transparent;color:var(--rc-band)}
.rc-jump-btn-ghost:hover{background:var(--rc-tint);border-color:var(--rc-band);color:var(--rc-band-d)}
.rc-jump-btn:focus-visible{outline:3px solid var(--rc-glow);outline-offset:2px}
.rc-jump-btn i{font-size:1.05rem;line-height:1}

/* ---------- Card shell ---------- */
.recipe-card.wprm-style.rc-auto{background:#fff;border:1px solid var(--rc-line);border-radius:var(--pa-radius,26px);box-shadow:0 24px 46px -32px rgba(28,74,66,.55);margin:2rem 0 2.5rem;overflow:hidden;font-family:var(--t-sans,Inter,system-ui,sans-serif);color:var(--t-ink,#1A1A1A);scroll-margin-top:96px}

/* ---------- Header band (category colour) ---------- */
.rc-auto .wprm-header{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start;background:var(--rc-band);color:#fff;text-align:left;padding:22px 20px 18px;border-radius:0}
.rc-auto .wprm-header::before{content:"";position:absolute;z-index:-1;width:190px;aspect-ratio:1;right:-70px;bottom:-110px;border-radius:58% 42% 55% 45%/48% 60% 40% 52%;background:var(--rc-glow);opacity:.3;pointer-events:none}
.rc-auto .wprm-header::after{content:"";position:absolute;z-index:-1;width:46px;aspect-ratio:1;border-radius:50%;left:-16px;top:-18px;background:rgba(255,255,255,.14);pointer-events:none}
.rc-auto .wprm-featured-wrap{position:relative;left:auto;top:auto;transform:none;grid-column:2;grid-row:1/span 2;width:84px;height:84px;border-radius:18px;border:3px solid rgba(255,255,255,.9);box-shadow:0 14px 26px -16px rgba(0,0,0,.55);background:rgba(255,255,255,.2);z-index:1}
.rc-auto .rc-eyebrow{grid-column:1;display:inline-flex;align-items:center;margin:2px 0 .55rem;font:600 .78rem/1.2 var(--t-sans,Inter,sans-serif);letter-spacing:.03em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.rc-auto .rc-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:10px 0 0 rgba(255,255,255,.55);margin-right:19px;flex-shrink:0}
.rc-auto .wprm-title{grid-column:1;font-family:var(--pa-display,"Space Grotesk",sans-serif)!important;font-weight:600;letter-spacing:-.015em;font-size:clamp(1.45rem,5.6vw,2.1rem);line-height:1.12;color:#fff;margin:0 0 .75rem;text-align:left}
.rc-auto .wprm-meta{grid-column:1/-1;justify-content:flex-start;gap:.45rem .9rem;margin:0;font-family:var(--t-sans,Inter,sans-serif);font-size:.82rem;color:rgba(255,255,255,.92)}
.rc-auto .wprm-meta-item{white-space:normal}
.rc-auto .wprm-rating{grid-column:1/-1;justify-content:flex-start;margin:.7rem 0 0}
.rc-auto .wprm-star.is-on{color:#FFD466}
.rc-auto .wprm-servings{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.7rem;margin-top:.9rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.24)}
.rc-auto .wprm-servings-label{font-family:var(--t-sans,Inter,sans-serif);font-size:.74rem;letter-spacing:.08em;color:#fff}
.rc-auto .wprm-servings-control{background:rgba(255,255,255,.16);border-radius:12px;padding:.25rem .35rem}
.rc-auto .wprm-servings-btn{width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.45)}
.rc-auto .wprm-servings-value{font-family:var(--pa-display,"Space Grotesk",sans-serif)}
.rc-auto .wprm-servings-hint{display:none}

/* ---------- Body ---------- */
.rc-auto .wprm-body{background:#fff;padding:18px 18px 22px;border-radius:0}
.rc-auto .wprm-actions{gap:8px;margin:0 0 16px}
.rc-auto .wprm-print-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:42px;padding:.55rem 1.1rem;border:0;border-radius:12px;background:var(--rc-band);color:#fff;font:600 .9rem/1 var(--t-sans,Inter,sans-serif)}
.rc-auto .wprm-print-btn:hover{background:var(--rc-band-d)}
.rc-auto .wprm-print-btn:focus-visible,.rc-auto .wprm-share:focus-visible{outline:3px solid var(--rc-glow);outline-offset:2px}
.rc-auto .wprm-share{width:42px;height:42px;border-radius:12px;background:var(--rc-tint);color:var(--rc-band);transition:background .2s,color .2s}
.rc-auto .wprm-share:hover{background:var(--rc-band);color:#fff;opacity:1}
.rc-auto .wprm-share svg{width:18px;height:18px}
.rc-auto .wprm-share-copy.is-copied{background:var(--rc-band);color:#fff}
.rc-auto .wprm-share-copy[data-tip]::after{background:var(--rc-ink,#1f2328);font-family:var(--t-sans,Inter,sans-serif);border-radius:8px}
@media (max-width:480px){.rc-auto .wprm-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rc-auto .wprm-print-btn{grid-column:1/-1;justify-content:center}.rc-auto .wprm-share{width:auto;height:44px}.rc-auto .wprm-share[hidden]{display:none}}

/* Time / servings chips */
.rc-auto .rc-chips{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rc-auto .rc-chip{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px 10px 42px;background:var(--rc-tint-2);border:1px solid var(--rc-line);border-radius:var(--pa-radius-sm,14px)}
.rc-auto .rc-chip i{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--rc-band);color:#fff;font-size:.72rem}
.rc-auto .rc-chip-label{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--rc-muted)}
.rc-auto .rc-chip-val{font-family:var(--pa-display,"Space Grotesk",sans-serif);font-size:.98rem;font-weight:600;line-height:1.2;color:var(--rc-ink);overflow-wrap:anywhere}

/* Section headings: theme dot eyebrow in the category colour */
.rc-auto .wprm-section{margin:0 0 18px;padding-top:18px;border-top:1px dashed var(--rc-line)}
.rc-auto .wprm-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .5rem;font-family:var(--pa-display,"Space Grotesk",sans-serif)!important;font-weight:600;letter-spacing:-.01em;font-size:1.35rem;line-height:1.2;color:var(--rc-ink);margin:0 0 .85rem}
.rc-auto .wprm-heading::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rc-accent);box-shadow:11px 0 0 var(--rc-accent);margin-right:15px;flex-shrink:0}
.rc-auto .rc-heading-note{font:500 .8rem/1.2 var(--t-sans,Inter,sans-serif);color:var(--rc-muted);letter-spacing:0}

/* Ingredients */
.rc-auto .wprm-group-header{font-family:var(--t-sans,Inter,sans-serif);font-size:.74rem;font-weight:700;letter-spacing:.08em;color:var(--rc-band);margin:1.1rem 0 .3rem}
.rc-auto .wprm-group-header:first-child{margin-top:0}
.rc-auto .wprm-ingredient{padding:.55rem 0;border-bottom:1px solid rgba(28,74,66,.08);font-size:1rem;line-height:1.5}
.rc-auto .wprm-check-label{gap:.75rem;align-items:flex-start}
.rc-auto .wprm-check{width:20px;height:20px;margin-top:.12rem;border:2px solid var(--rc-line);border-radius:6px;background:#fff;transition:background .15s,border-color .15s}
.rc-auto .wprm-check:hover{border-color:var(--rc-accent)}
.rc-auto .wprm-check:checked{background:var(--rc-band);border-color:var(--rc-band)}
.rc-auto .wprm-check:checked::after{left:5px;top:1px;width:6px;height:11px}
.rc-auto .wprm-check:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}
.rc-auto .wprm-cook-mode{border-top:1px dashed var(--rc-line)}
.rc-auto .wprm-toggle{font-family:var(--t-sans,Inter,sans-serif)}
.rc-auto .wprm-toggle input:checked+.wprm-toggle-ui{background:var(--rc-band)}

/* Instructions: numbered bullets in the category colour */
.rc-auto .wprm-step{gap:.9rem;margin-bottom:1.05rem}
.rc-auto .wprm-step-num{width:32px;height:32px;background:var(--rc-band);font-family:var(--pa-display,"Space Grotesk",sans-serif);font-size:.95rem;margin-top:0;box-shadow:0 0 0 4px var(--rc-tint)}
.rc-auto .wprm-step-text{font-size:1rem;line-height:1.62;padding-top:.2rem}
.rc-auto .rc-step-group{margin:1.2rem 0 .7rem}

/* Equipment chips */
.rc-auto .rc-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rc-auto .rc-tags li{padding:.42rem .85rem;border-radius:999px;background:var(--rc-tint-2);border:1px solid var(--rc-line);font-size:.88rem;color:var(--rc-ink)}

/* Notes, tips, storage … */
.rc-auto .wprm-notes .wprm-notes-list{margin:0;padding:14px 16px 14px 34px;background:var(--rc-tint-2);border-left:4px solid var(--rc-accent);border-radius:0 var(--pa-radius-sm,14px) var(--pa-radius-sm,14px) 0;font-size:.95rem;line-height:1.6;color:#333}
.rc-auto .wprm-notes-list li:last-child{margin-bottom:0}
.rc-auto .rc-extra .wprm-notes-list{list-style:disc}

/* Nutrition Facts table (per serving; "Estimated nutrition" when the AI filled it) */
.rc-auto .rc-nutrition{background:var(--rc-tint-2);border:1px solid var(--rc-line);border-radius:var(--pa-radius-sm,14px);padding:14px 14px 12px}
.rc-auto .rc-nf-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.rc-auto .rc-nf-head .wprm-heading{margin:0}
.rc-auto .rc-nf-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:#fff;border:1px dashed var(--rc-accent);color:var(--rc-ink);font-size:.72rem;font-weight:600;letter-spacing:.02em}
.rc-auto .rc-nf-sub{margin:.3rem 0 .6rem;font-size:.84rem;color:var(--rc-muted)}
.rc-auto .rc-nf-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:.94rem;font-variant-numeric:tabular-nums}
.rc-auto .rc-nf-table th,.rc-auto .rc-nf-table td{padding:.5rem .75rem;border-bottom:1px solid var(--rc-line);text-align:left;vertical-align:baseline;color:#1f2937}
.rc-auto .rc-nf-table th{font-weight:600}
.rc-auto .rc-nf-table td{text-align:right;font-weight:600;white-space:nowrap;color:var(--rc-ink)}
.rc-auto .rc-nf-table tr:last-child th,.rc-auto .rc-nf-table tr:last-child td{border-bottom:0}
.rc-auto .rc-nf-table .rc-nf-cal th,.rc-auto .rc-nf-table .rc-nf-cal td{font-family:var(--pa-display,"Space Grotesk",sans-serif);font-size:1.12rem;font-weight:700;border-bottom:3px solid var(--rc-band);padding-top:.6rem;padding-bottom:.6rem}
.rc-auto .rc-nf-table .rc-nf-subrow th{font-weight:400;padding-left:1.6rem;color:#4b5563}
.rc-auto .rc-nf-table .rc-nf-subrow td{font-weight:500}
.rc-auto .rc-nutri-note{font-size:.74rem;color:var(--rc-muted);margin:.55rem 0 0}
.rc-auto .rc-nutrition.is-estimated .rc-nutri-note{font-style:italic}
.rc-auto .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rc-auto .wprm-card-footer-dates{font-family:var(--t-sans,Inter,sans-serif);color:var(--rc-muted);margin-top:.25rem}

/* ---------- ≥576 ---------- */
@media (min-width:576px){
  .rc-jump-btn{flex:0 0 auto}
  .rc-auto .rc-chips{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
  .rc-auto .wprm-featured-wrap{width:110px;height:110px;border-radius:20px}
}
/* ---------- ≥768 ---------- */
@media (min-width:768px){
  .recipe-card.wprm-style.rc-auto{margin:2.5rem 0 3rem}
  .rc-auto .wprm-header{padding:30px 30px 24px;column-gap:24px}
  .rc-auto .wprm-featured-wrap{width:132px;height:132px;grid-row:1/span 3}
  .rc-auto .wprm-body{padding:24px 30px 30px}
  .rc-auto .rc-nutrition{padding:18px 20px 14px}
}
@media (prefers-reduced-motion:reduce){.rc-jump-btn,.rc-auto .wprm-check,.rc-auto .wprm-share{transition:none}}

/* ---------- Print ---------- */
@media print{
  .rc-jump{display:none!important}
  .recipe-card.wprm-style.rc-auto{border:1px solid #ccc;box-shadow:none!important;border-radius:14px;margin:0}
  .rc-auto .wprm-header,.rc-auto .wprm-step-num,.rc-auto .rc-chip,.rc-auto .rc-chip i,.rc-auto .rc-nutrition,.rc-auto .rc-nf-table,.rc-auto .wprm-notes-list,.rc-auto .wprm-check:checked{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rc-auto .wprm-header{padding:16px 18px}
  .rc-auto .wprm-featured-wrap{position:relative;transform:none;margin:0;width:84px;height:84px}
  .rc-auto .wprm-section{break-inside:avoid-page}
  /* "Print Recipe" prints only the card */
  body.rc-printing>*:not(main),body.rc-printing main>*:not(article),body.rc-printing .pa-post .col-lg-8>*:not(#recipe-card){display:none!important}
}
/* ---------- Step photos + FAQ (after the card) ---------- */
.rc-auto .rc-step-img{display:block;width:100%;max-width:520px;height:auto;margin:.7rem 0 .2rem;border-radius:12px}
.rc-faq{margin:28px 0 8px}
.rc-faq h2{font-family:var(--t-display,'Space Grotesk',sans-serif);font-size:1.45rem;margin:0 0 12px;color:var(--rc-ink,#1C4A42)}
.rc-faq-item{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;margin:0 0 10px;padding:0}
.rc-faq-item summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;position:relative}
.rc-faq-item summary::-webkit-details-marker{display:none}
.rc-faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.3rem;line-height:1;color:var(--pa-orange,#FF6B1A)}
.rc-faq-item[open] summary::after{content:"\2212"}
.rc-faq-item h3{font-size:1rem;font-weight:700;margin:0;line-height:1.4}
.rc-faq-item p{margin:0;padding:0 16px 14px;color:#444;line-height:1.6}
@media print{.rc-faq{display:none}}