/* v1.1.10: compact WPRM card header with a larger photograph in normal flow. */
.sb-recipe-card .sb-card-head{display:grid;grid-template-columns:minmax(0,1fr) 195px;grid-template-areas:"title image" "summary image" "actions image" "rating rating";column-gap:22px;row-gap:8px;align-items:start;padding:24px 28px 22px}
.sb-recipe-card .sb-card-title{grid-area:title;min-height:0;padding-right:0;margin:0;justify-content:start}
.sb-recipe-card .sb-card-title .eyebrow{margin-bottom:6px}
.sb-recipe-card .sb-card-title h2{font-size:clamp(30px,3.2vw,39px);line-height:1.15;overflow-wrap:break-word}
.sb-recipe-card .sb-card-image{grid-area:image;position:static;inset:auto;width:195px;height:195px;max-width:100%;border:4px solid var(--cream);box-sizing:border-box}
.sb-recipe-card .sb-card-image img{object-fit:cover}
.sb-recipe-card .sb-card-head .wprm-recipe-summary{grid-area:summary;padding-right:0;margin:0;font-size:15px;line-height:1.65;max-width:43ch}
.sb-recipe-card .sb-card-actions{grid-area:actions;margin-top:2px;align-self:start}
.sb-recipe-card .sb-card-rating{grid-area:rating;margin-top:0}
.sb-recipe-card .sb-card-body{line-height:1.75}
.sb-recipe-card .sb-card-body .wprm-recipe-ingredient{padding-top:9px!important;padding-bottom:9px!important}
.sb-recipe-card .sb-card-body .wprm-recipe-instruction{padding-bottom:18px!important}
.sb-recipe-card .sb-card-body .wprm-recipe-notes-container{border-left:3px solid var(--apricot)}
.sb-recipe-card .sb-card-actions a:focus-visible,.sb-recipe-card .sb-card-body a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
body.single-post .post-hero-copy>.page-crumb{padding:0;margin:0 0 18px;font-size:12px;line-height:1.6}
body.single-post .post-hero-copy>.page-crumb a{color:var(--teal)}
body.single-post .post-hero-copy>.page-crumb a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:660px){.sb-recipe-card .sb-card-head{padding:20px 22px;column-gap:14px;row-gap:8px;grid-template-columns:minmax(0,1fr) 140px}.sb-recipe-card .sb-card-image{width:140px;height:140px}.sb-recipe-card .sb-card-title h2{font-size:clamp(26px,5vw,32px)}}
@media(max-width:460px){.sb-recipe-card .sb-card-head{grid-template-columns:minmax(0,1fr) 112px;column-gap:12px;grid-template-areas:"title image" "summary summary" "actions actions" "rating rating"}.sb-recipe-card .sb-card-image{width:112px;height:112px}.sb-recipe-card .sb-card-title h2{font-size:26px}}
@media print{.sb-recipe-card .sb-card-head{display:block;background:#fff}.sb-recipe-card .sb-card-image{float:right;margin:0 0 12px 16px}.sb-recipe-card .sb-card-body .wprm-recipe-notes-container{background:#fff}}

/* v1.1.11 — compact hero breadcrumb, WPRM native ingredient notes. */
body.single-post .post-hero-copy > .page-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  column-gap: 4px;
  row-gap: 2px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 11px;
  padding: 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.45;
}
.sb-recipe-card .wprm-recipe-ingredient-notes {
  color: #758078;
  font-style: italic;
  font-weight: 400;
}

/* v1.1.12 — roomier recipe sidebar without changing the full-width hero. */
@media (min-width:951px){
  body.single-post .post-layout{grid-template-columns:minmax(0,1fr) 310px;gap:40px}
}
@media (min-width:801px) and (max-width:950px){
  body.single-post .post-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}
}
@media (min-width:661px) and (max-width:800px){
  body.single-post .post-layout{grid-template-columns:minmax(0,1fr);gap:26px}
}
/* The native WPRM comment rating uses different SVG selectors from display stars.
   Match those actual form paths and preserve WPRM radio/hover/selection behaviour. */
body.single-post .post-comments .comment-form-wprm-rating,
body.single-post .post-comments .wprm-comment-ratings-container{
  --comment-rating-star-color:#276c63;
}
body.single-post .post-comments .wprm-comment-ratings-container svg .wprm-star-empty,
body.single-post .post-comments .wprm-comment-rating .wprm-rating-star-empty svg path,
body.single-post .post-comments .wprm-comment-ratings-container svg polygon{
  stroke:#276c63!important;
}
body.single-post .post-comments .wprm-comment-ratings-container svg .wprm-star-full,
body.single-post .post-comments .wprm-comment-rating .wprm-rating-star-full svg path{
  stroke:#276c63!important;
  fill:#276c63!important;
}
body.single-post .post-comments .wprm-comment-rating .wprm-rating-star-empty svg path{
  fill:none!important;
}

/* v1.1.43: Allow comfortable title wrapping within the existing grid column.
   The grid already reserves 195px for the photo plus a 22px gap. */
.sb-recipe-card .sb-card-title h2{max-width:100%;text-wrap:pretty}
@media(min-width:661px){.sb-recipe-card .sb-card-title{padding-right:8px}}
@media(max-width:660px){.sb-recipe-card .sb-card-title h2{text-wrap:wrap}}

/* v1.1.44: Consistent upright description text, including imported em/i markup. */
.sb-recipe-card .sb-card-head .wprm-recipe-summary,
.sb-recipe-card .sb-card-head .wprm-recipe-summary *{font-style:normal!important}

/* RC4: Compact the mobile recipe header; do not reserve a row for unrated recipes. */
@media(max-width:460px){
 .sb-recipe-card .sb-card-head{align-content:start;grid-auto-rows:max-content;row-gap:12px;padding-bottom:20px}
 .sb-recipe-card .sb-card-rating:empty{display:none}
 .sb-recipe-card .sb-card-head:has(>.sb-card-rating:empty){grid-template-areas:"title image" "summary summary" "actions actions"}
 .sb-recipe-card .sb-card-rating:not(:empty){margin:8px 0 0!important}
}

/* RC5: eliminate unused mobile rating-row space; keep visible ratings in normal flow. */
@media screen and (max-width:460px){
 body.single-post .sb-recipe-card .sb-card-head{grid-template-areas:"title image" "summary summary" "actions actions";grid-template-rows:auto;grid-auto-rows:auto;align-content:start;row-gap:12px;padding-bottom:18px}
 body.single-post .sb-recipe-card .sb-card-rating{grid-area:auto;grid-column:1/-1;min-height:0;margin:0!important}
 body.single-post .sb-recipe-card .sb-card-rating:empty{display:none!important;padding:0!important;border:0!important}
}


/* RC6: Explicitly size phone card-header rows to their content.
   Some empty rating wrappers contain non-visible markup; detect visible rating instead. */
@media screen and (max-width:460px){
 body.single-post .sb-recipe-card .sb-card-head{
  height:auto!important;min-height:0!important;
  grid-template-areas:"title image" "summary summary" "actions actions";
  grid-template-rows:max-content max-content max-content;
  grid-auto-rows:max-content;
  align-content:start!important;
  padding-bottom:18px!important;
 }
 body.single-post .sb-recipe-card .sb-card-rating:not(:has(.wprm-recipe-rating)){
  display:none!important;
 }
 body.single-post .sb-recipe-card .sb-card-head:has(>.sb-card-rating .wprm-recipe-rating){
  grid-template-areas:"title image" "summary summary" "actions actions" "rating rating";
  grid-template-rows:max-content max-content max-content max-content;
 }
 body.single-post .sb-recipe-card .sb-card-rating:has(.wprm-recipe-rating){
  grid-area:rating!important;
  grid-column:1/-1;
 }
}

/* RC7: WPRM outputs a hidden Slickstream Save link. Visibility:hidden still
   occupies a wrapped flex row on mobile; remove only that invisible state. */
@media screen and (max-width:660px){
 .sb-recipe-card .sb-card-actions .wprm-recipe-slickstream[style*="visibility: hidden"]{display:none!important}
}