/* =========================================================================
   BBQ Report — Editorial WPRM Recipe Card  (REDESIGN 2026)
   Full-width editorial card: balanced hero, one continuous stat panel,
   2-col equipment grid, ember step markers.

   CSS-ONLY re-skin. Scoped to `.entry-content .wprm-recipe-container` so it
   cannot leak. Targets only stable .wprm-recipe-* classes — no plugin files
   touched, no schema/shortcodes altered, no per-page selectors.

   Deploy: replace the existing
   themes/carbonate/css/bbq-wprm-editorial-card.css and re-sync the WPRM
   template CSS (scripts/sync-wprm-template-css.php →
   key wprm_template_chick-bbqreport).
   ========================================================================= */

:root {
  --bbqr-ink:    #000000;
  --bbqr-body:   #424242;
  --bbqr-muted:  #5C5C5C;
  --bbqr-ember:  #D84315;
  --bbqr-ember-text: #B93B12;
  --bbqr-flame:  #FF6F00;
  --bbqr-border: #ECECEC;
  --bbqr-hair:   #EFEBE5;   /* warmer inner hairline */
  --bbqr-paper:  #FFFAF5;
  --bbqr-inset:  #FFFFFF;
  --bbqr-radius: 14px;
  --bbqr-shadow: 0 14px 40px rgba(26, 26, 26, .09);
  --bbqr-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --bbqr-ui:      'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- Card shell : FULL editorial width ---------------------------------- */
/* CHANGE vs old: max-width raised from 760px to match the shared article
   measure (860px). Card + inner .wprm-recipe share the full column width. */
.entry-content .wprm-recipe-container {
  margin: clamp(2rem, 5vw, 3.5rem) auto;
  position: relative;
  width: 100%;
  max-width: var(--art-measure, 860px);
  box-sizing: border-box;
}
.entry-content .wprm-recipe-container .wprm-recipe {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--art-measure, 860px);
  margin: 0 auto;
  padding: 30px 32px 34px;
  background: var(--bbqr-paper) !important;
  border: 1px solid var(--bbqr-border) !important;
  border-top: 4px solid var(--bbqr-ember) !important;
  border-radius: var(--bbqr-radius) !important;
  box-shadow: var(--bbqr-shadow);
  color: var(--bbqr-body);
  font-family: var(--bbqr-ui);
  font-size: 16px;
  line-height: 1.7;
  position: relative;
  overflow: hidden;
}
.entry-content .wprm-recipe-container .wprm-recipe *,
.entry-content .wprm-recipe-container .wprm-recipe *::before,
.entry-content .wprm-recipe-container .wprm-recipe *::after { box-sizing: border-box; }
.entry-content .wprm-recipe-container .wprm-recipe > .wprm-spacer {
  display: none !important;
}

/* ---- Cook Mode : corner tab (never crowds the title) -------------------- */
/* CHANGE vs old: negative-margin overlap replaced with an absolute corner
   tab pinned to the card's top-right, flush to the ember rule. */
.entry-content .wprm-recipe-container .bbq-cook-mode-wrapper,
.entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container {
  position: absolute;
  top: 0; right: 0;
  z-index: 3;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
}
.entry-content .wprm-recipe-container .bbq-cook-mode-toggle,
.entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  background: var(--bbqr-ember);
  color: #fff;
  border: 0;
  border-radius: 0 var(--bbqr-radius) 0 var(--bbqr-radius);
  cursor: pointer;
  font-family: var(--bbqr-ui);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1;
  padding: .55rem 1.05rem;
  text-transform: uppercase;
  transition: background .18s ease;
}
.entry-content .wprm-recipe-container .bbq-cook-mode-toggle:hover,
.entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container button:hover {
  background: var(--bbqr-flame);
}
.entry-content .wprm-recipe-container .bbq-cook-mode-toggle:focus-visible,
.entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container button:focus-visible,
.entry-content .wprm-recipe-container .wprm-recipe-print:focus-visible,
.entry-content .wprm-recipe-container .wprm-recipe-pin:focus-visible,
.entry-content .wprm-recipe-template-snippet-basic-buttons a:focus-visible {
  outline: 3px solid var(--bbqr-flame) !important;
  outline-offset: 3px;
}
.entry-content .wprm-recipe-container .bbq-cook-mode-toggle svg,
.entry-content .wprm-recipe-container .bbq-cook-mode-toggle img,
.entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container svg,
.entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container img {
  width: 14px; height: 14px; flex: none;
}

.entry-content .wprm-recipe-container .sr-only,
.entry-content .wprm-recipe-container .screen-reader-text,
.entry-content .wprm-recipe-container .wprm-screen-reader-text {
  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;
}

/* ---- HERO : image LEFT, title/summary/actions beside ------------------- */
/* CHANGE vs old: image floats LEFT at 40% (was right at 38%); the name,
   summary and Print/Pin buttons flow to its right. The stat panel clears
   the float. No markup change — WPRM still emits image → name → summary →
   buttons in that order. */
.entry-content .wprm-recipe-container .wprm-container-float-right {
  float: left;
  width: clamp(200px, 40%, 320px);
  margin: .2rem 1.6rem 1.1rem 0;
  shape-margin: 1rem;
  max-width: 40%;
}
.entry-content .wprm-recipe-container .wprm-recipe-image,
.entry-content .wprm-recipe-container .wprm-recipe-image-container {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-image img {
  display: block;
  width: 100% !important;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px rgba(26, 26, 26, .16);
}
.entry-content .wprm-recipe-container .wprm-recipe-image figcaption,
.entry-content .wprm-recipe-container .wprm-recipe-image-credit {
  margin-top: .4rem;
  font-size: 12px;
  font-style: italic;
  color: var(--bbqr-muted);
  text-align: center;
}

/* ---- Title & summary ---------------------------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-name {
  display: block !important;
  font-family: var(--bbqr-display) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: .015em;
  color: var(--bbqr-ink) !important;
  font-size: clamp(2.2rem, 5vw, 2.9rem) !important;
  line-height: .96 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow-wrap: anywhere;
}
.entry-content .wprm-recipe-container .wprm-recipe-summary {
  color: var(--bbqr-muted);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem;
}
.entry-content .wprm-recipe-container .wprm-recipe p,
.entry-content .wprm-recipe-container .wprm-recipe li {
  font-family: var(--bbqr-ui);
  color: var(--bbqr-body);
}
.entry-content .wprm-recipe-container .wprm-recipe a {
  color: var(--bbqr-ember);
  text-decoration: none;
  border-bottom: 0;
  box-shadow: none;
  transition: color .15s ease;
}
.entry-content .wprm-recipe-container .wprm-recipe a:hover { color: var(--bbqr-flame); }

/* ---- Print / Pin buttons ----------------------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-buttons,
.entry-content .wprm-recipe-container .wprm-template-chic-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .65rem !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-print,
.entry-content .wprm-recipe-container .wprm-recipe-pin {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  font-family: var(--bbqr-ui) !important;
  font-weight: 600 !important;
  font-size: .82rem !important;
  letter-spacing: .01em !important;
  padding: .6rem 1.2rem !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  border: 1.5px solid var(--bbqr-ink) !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
  width: auto !important;
  line-height: normal !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}
.entry-content .wprm-recipe-container .wprm-template-chic-buttons > .wprm-recipe-print,
.entry-content .wprm-recipe-container .wprm-template-chic-buttons > .wprm-recipe-pin {
  margin: 0 !important;
}
.entry-content .wprm-recipe-container .wprm-recipe a.wprm-recipe-print,
.entry-content .wprm-recipe-container .wprm-recipe button.wprm-recipe-print {
  background: var(--bbqr-ink) !important;
  color: #fff !important;
  border-color: var(--bbqr-ink) !important;
}
.entry-content .wprm-recipe-container .wprm-recipe a.wprm-recipe-print:hover,
.entry-content .wprm-recipe-container .wprm-recipe button.wprm-recipe-print:hover {
  background: var(--bbqr-ember) !important;
  border-color: var(--bbqr-ember) !important;
}
.entry-content .wprm-recipe-container .wprm-recipe a.wprm-recipe-pin,
.entry-content .wprm-recipe-container .wprm-recipe button.wprm-recipe-pin {
  background: transparent !important;
  color: var(--bbqr-ink) !important;
  border-color: var(--bbqr-ink) !important;
}
.entry-content .wprm-recipe-container .wprm-recipe a.wprm-recipe-pin:hover,
.entry-content .wprm-recipe-container .wprm-recipe button.wprm-recipe-pin:hover {
  background: var(--bbqr-ink) !important;
  color: #fff !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-buttons img,
.entry-content .wprm-recipe-container .wprm-template-chic-buttons img,
.entry-content .wprm-recipe-container .wprm-recipe-buttons svg,
.entry-content .wprm-recipe-container .wprm-template-chic-buttons svg {
  width: 14px !important; height: 14px !important;
  flex: none !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; box-shadow: none !important;
}

/* ---- UNIFIED STAT PANEL ------------------------------------------------- */
/* CHANGE vs old: the times block and the course/servings block are welded
   into ONE continuous white panel. WPRM emits them as two sibling
   containers (.wprm-recipe-times-container, then
   .wprm-container-columns-spaced). We give the first a top radius, the
   second a bottom radius, drop the margin between them, and lay each row out
   as an even 4-up grid with hairline dividers. The decorative WPRM icon
   dividers (chef hat / scissors) are hidden. clear:both lifts the panel
   below the hero float. */
.entry-content .wprm-recipe-container .wprm-recipe-times-container,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced {
  clear: both;
  background: var(--bbqr-inset) !important;
  border: 1px solid var(--bbqr-border) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-times-container {
  margin-top: 1.4rem !important;
  border-radius: 10px 10px 0 0 !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
}
.entry-content .wprm-recipe-container .wprm-container-columns-spaced {
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
}
/* each stat cell */
.entry-content .wprm-recipe-container .wprm-recipe-times-container > div,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-meta-container > div {
  padding: 14px 16px;
  border-left: 1px solid var(--bbqr-border);
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  text-align: left !important;
}
/* columns-spaced nests two meta-containers, each holding 2 items — flatten
   them into the 4-col grid */
.entry-content .wprm-recipe-container .wprm-container-columns-spaced {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
}
.entry-content .wprm-recipe-container .wprm-container-columns-spaced > div,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-meta-container {
  display: contents !important;   /* let the inner meta items become grid cells */
}
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-meta-container > div {
  border-left: 1px solid var(--bbqr-border);
}
/* first cell of each row: no left divider */
.entry-content .wprm-recipe-container .wprm-recipe-times-container > div:first-child,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced > div:first-child .wprm-recipe-meta-container > div:first-child {
  border-left: 0;
}
/* The installed template wraps each meta pair with an icon divider. Remove
   those wrappers before display:contents flattens the four real stat cells. */
.entry-content .wprm-recipe-container .wprm-recipe > .wprm-icon-shortcode-separate,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-icon-shortcode,
.entry-content .wprm-recipe-container .wprm-recipe-meta-container .wprm-recipe-meta-separator,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-icon,
.entry-content .wprm-recipe-container .wprm-recipe-times-container .wprm-recipe-icon {
  display: none !important;
}
/* labels + values */
.entry-content .wprm-recipe-container .wprm-recipe-time-label,
.entry-content .wprm-recipe-container .wprm-recipe-meta-label,
.entry-content .wprm-recipe-container .wprm-recipe-details-label,
.entry-content .wprm-recipe-container .wprm-recipe-servings-label,
.entry-content .wprm-recipe-container .wprm-recipe-nutrition-label {
  display: block;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.2;
  opacity: 1 !important;
  text-transform: uppercase;
  color: var(--bbqr-ember-text);
  margin: 0;
}
.entry-content .wprm-recipe-container .wprm-recipe-time-label,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-details-label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.entry-content .wprm-recipe-container .wprm-recipe-time-label::before,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-details-label::before {
  color: var(--bbqr-ember);
  font-family: "Font Awesome 6 Free";
  font-size: 11px;
  font-weight: 900;
  opacity: .9;
}
.entry-content .wprm-recipe-container .wprm-recipe-prep-time-container .wprm-recipe-time-label::before { content: "\f251"; }
.entry-content .wprm-recipe-container .wprm-recipe-cook-time-container .wprm-recipe-time-label::before { content: "\f06d"; }
.entry-content .wprm-recipe-container .wprm-recipe-custom-time-container .wprm-recipe-time-label::before { content: "\f017"; }
.entry-content .wprm-recipe-container .wprm-recipe-total-time-container .wprm-recipe-time-label::before { content: "\f2f2"; }
.entry-content .wprm-recipe-container .wprm-recipe-course-container .wprm-recipe-details-label::before { content: "\f2e7"; }
.entry-content .wprm-recipe-container .wprm-recipe-cuisine-container .wprm-recipe-details-label::before { content: "\f0ac"; }
.entry-content .wprm-recipe-container .wprm-recipe-servings-container .wprm-recipe-details-label::before { content: "\f6d7"; }
.entry-content .wprm-recipe-container .wprm-recipe-calories-container .wprm-recipe-details-label::before { content: "\f0e7"; }
.entry-content .wprm-recipe-container .wprm-recipe-time-value,
.entry-content .wprm-recipe-container .wprm-recipe-meta-value,
.entry-content .wprm-recipe-container .wprm-recipe-details,
.entry-content .wprm-recipe-container .wprm-recipe-servings,
.entry-content .wprm-recipe-container .wprm-recipe-nutrition {
  font-family: var(--bbqr-display);
  letter-spacing: .02em;
  font-size: 1.5rem;
  color: var(--bbqr-ink);
  line-height: 1;
}
.entry-content .wprm-recipe-container .wprm-recipe-time,
.entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-tag-container > span:not(.wprm-recipe-tag-label),
.entry-content .wprm-recipe-container .wprm-recipe-servings-with-unit,
.entry-content .wprm-recipe-container .wprm-recipe-nutrition-with-unit {
  display: block;
  font-family: var(--bbqr-display);
  font-size: 1.5rem;
  letter-spacing: .02em;
  color: var(--bbqr-ink);
  line-height: 1;
}
.entry-content .wprm-recipe-container .wprm-recipe-details-unit {
  font-family: var(--bbqr-ui);
  font-size: .62em;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--bbqr-muted);
}

/* ---- Section headers ---------------------------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-header {
  display: inline-block;
  font-family: var(--bbqr-display);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--bbqr-ink);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  line-height: 1.05;
  border-bottom: 2px solid var(--bbqr-ember);
  padding-bottom: 5px !important;
  margin: 1.9rem 0 .9rem !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-header .wprm-decoration-line { display: none; }

.entry-content .wprm-recipe-container .wprm-recipe-ingredients-container,
.entry-content .wprm-recipe-container .wprm-recipe-instructions-container,
.entry-content .wprm-recipe-container .wprm-recipe-equipment-container { margin-top: 0; }

/* ---- EQUIPMENT : 2-column grid ----------------------------------------- */
/* CHANGE vs old: was a stacked bullet list — now a 2-col grid with tinted
   tool tiles. Pure CSS on the existing <ul>/<li> WPRM markup. */
.entry-content .wprm-recipe-container .wprm-recipe-equipment-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px 24px;
}
.entry-content .wprm-recipe-container .wprm-recipe-equipment-list > .wprm-recipe-equipment-item {
  display: flex !important;
  gap: 10px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.45;
  padding-bottom: 10px;
  margin: 0 !important;
  border-bottom: 1px solid var(--bbqr-hair);
}
.entry-content .wprm-recipe-container .wprm-recipe-equipment-list > .wprm-recipe-equipment-item:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.entry-content .wprm-recipe-container .wprm-recipe-equipment-list > .wprm-recipe-equipment-item::before {
  content: "\f0ad";
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: rgba(216, 67, 21, .09);
  color: var(--bbqr-ember);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Free";
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  margin-top: 1px;
}
.entry-content .wprm-recipe-container .wprm-recipe-equipment-item:nth-child(1)::before { content: "\e4f1"; }
.entry-content .wprm-recipe-container .wprm-recipe-equipment-item:nth-child(2)::before { content: "\f466"; }
.entry-content .wprm-recipe-container .wprm-recipe-equipment-item:nth-child(3)::before { content: "\f2c9"; }
.entry-content .wprm-recipe-container .wprm-recipe-equipment-item:nth-child(4)::before { content: "\f70e"; }
.entry-content .wprm-recipe-container .wprm-recipe-equipment-item:nth-child(5)::before { content: "\f1bb"; }
.entry-content .wprm-recipe-container .wprm-recipe-equipment-name {
  font-weight: 600;
  color: var(--bbqr-ink);
}
.entry-content .wprm-recipe-container .wprm-recipe-equipment-notes {
  font-weight: 400;
  color: var(--bbqr-muted);
}

/* ---- INGREDIENTS ------------------------------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-ingredient-group-name {
  font-family: var(--bbqr-display);
  font-size: 1.15rem;
  line-height: normal;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--bbqr-ember);
  margin: 6px 0 8px !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-ingredient {
  list-style: none;
  border-bottom: 1px solid var(--bbqr-hair);
  padding: 9px 0 !important;
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.5;
}
.entry-content .wprm-recipe-container .wprm-recipe-ingredient:last-child {
  border-bottom: 0;
}
.entry-content .wprm-recipe-container .wprm-recipe-ingredient-amount,
.entry-content .wprm-recipe-container .wprm-recipe-ingredient-unit {
  font-weight: 600;
  color: var(--bbqr-ink);
}
.entry-content .wprm-recipe-container .wprm-recipe-ingredient-notes {
  color: var(--bbqr-muted);
  font-style: italic;
}

/* ---- INSTRUCTIONS : ember step markers --------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-instructions { counter-reset: bbqr-step; margin:0; padding:0; }
.entry-content .wprm-recipe-container .wprm-recipe-instruction {
  position: relative;
  list-style: none;
  padding: 0 0 16px 46px !important;
  margin: 0 0 16px !important;
  border-bottom: 1px solid var(--bbqr-hair);
  min-height: 30px;
  font-size: 15px;
  line-height: 1.6;
}
.entry-content .wprm-recipe-container .wprm-recipe-instruction:last-child {
  border-bottom: 0;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-instruction::before {
  counter-increment: bbqr-step;
  content: counter(bbqr-step);
  position: absolute;
  left: 0; top: -2px;
  width: 30px; height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--bbqr-display);
  font-size: 1.15rem;
  line-height: 1;
  color: #fff;
  background: var(--bbqr-ember);
  border-radius: 50%;
  padding-top: 2px;
}

/* ---- NOTES ------------------------------------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-notes-container {
  margin-top: 26px;
  padding: 16px 20px;
  background: #fff7f2;
  border-left: 4px solid var(--bbqr-ember);
  border-radius: 0 8px 8px 0;
}
.entry-content .wprm-recipe-container .wprm-recipe-notes-container .wprm-recipe-header { margin-top: 0 !important; }
.entry-content .wprm-recipe-container .wprm-recipe-notes p { font-size: 15px; line-height: 1.65; margin: 0; }

/* ---- KEYWORDS ---------------------------------------------------------- */
.entry-content .wprm-recipe-container .wprm-recipe-meta-container:has(> .wprm-recipe-keyword-container) {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.entry-content .wprm-recipe-container .wprm-recipe-keyword-container {
  display: block;
  margin-top: 1.6rem;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-align: center;
}
.entry-content .wprm-recipe-container .wprm-recipe-keyword-container::before {
  content: "\f002";
  display: block;
  width: min(264px, 100%);
  margin: 0 auto 8px;
  color: #cbbfb4;
  background:
    linear-gradient(#e6e2dd, #e6e2dd) left center / calc(50% - 12px) 1px no-repeat,
    linear-gradient(#e6e2dd, #e6e2dd) right center / calc(50% - 12px) 1px no-repeat;
  font-family: "Font Awesome 6 Free";
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.entry-content .wprm-recipe-container .wprm-recipe-keyword-container .wprm-recipe-keyword-label {
  display: block;
  margin: 0 0 6px;
  font-family: var(--bbqr-ui);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #8a8a8a;
}
.entry-content .wprm-recipe-container .wprm-recipe-keyword-container .wprm-recipe-keyword {
  display: block;
  max-width: 520px;
  margin: 0 auto;
  color: var(--bbqr-muted);
  font-family: var(--bbqr-ui);
  font-size: .82rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  text-transform: none;
}

/* Rating stars in brand ember */
.entry-content .wprm-recipe-container .wprm-recipe-rating .wprm-rating-star { color: var(--bbqr-ember); }

/* ---- Pre-card Jump / Print controls (unchanged component) -------------- */
.entry-content .wprm-recipe-template-snippet-basic-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 22px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-jump,
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-print {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 11px 20px !important;
  border-radius: 6px !important;
  border: 1.5px solid #1A1A1A !important;
  font-family: var(--bbqr-ui) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-jump {
  background: #1A1A1A !important; border-color: #1A1A1A !important; color: #fff !important;
}
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-jump:hover {
  background: var(--bbqr-ember) !important; border-color: var(--bbqr-ember) !important; color: #fff !important;
}
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-print {
  background: transparent !important; color: #1A1A1A !important;
}
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-print:hover {
  background: #1A1A1A !important; border-color: #1A1A1A !important; color: #fff !important;
}
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-jump img,
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-print img,
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-jump svg,
.entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-print svg {
  width: 14px !important; height: 14px !important; flex: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
}

/* ========================================================================
   RESPONSIVE  ≤ 640px
   ======================================================================== */
@media (min-width: 641px) {
  .entry-content .wprm-recipe-container .wprm-recipe-name {
    padding-top: 1rem !important;
  }
  .entry-content .wprm-recipe-container .wprm-template-chic-buttons {
    width: calc(60% - 1.6rem) !important;
    margin-left: calc(40% + 1.6rem) !important;
  }
}

@media (max-width: 640px) {
  .entry-content .wprm-recipe-container .wprm-recipe {
    padding: 1.25rem;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(26, 26, 26, .07);
  }
  .entry-content .wprm-recipe-container .bbq-cook-mode-toggle,
  .entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container button {
    padding: .5rem 1rem !important;
    font-size: .68rem;
  }
  /* hero stacks: image full width, title/summary/buttons below */
  .entry-content .wprm-recipe-container .wprm-container-float-right {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 1rem !important;
  }
  .entry-content .wprm-recipe-container .wprm-recipe-name { font-size: 2.15rem !important; }
  .entry-content .wprm-recipe-container .wprm-recipe-buttons,
  .entry-content .wprm-recipe-container .wprm-template-chic-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  .entry-content .wprm-recipe-container .wprm-recipe-print,
  .entry-content .wprm-recipe-container .wprm-recipe-pin {
    flex: 1 1 auto !important;
    width: 100% !important;
  }
  /* stat panel → 2 columns; the two rows still weld into one panel */
  .entry-content .wprm-recipe-container .wprm-recipe-times-container,
  .entry-content .wprm-recipe-container .wprm-container-columns-spaced {
    grid-template-columns: 1fr 1fr !important;
  }
  .entry-content .wprm-recipe-container .wprm-recipe-times-container > div:nth-child(odd),
  .entry-content .wprm-recipe-container .wprm-container-columns-spaced .wprm-recipe-meta-container > div:first-child {
    border-left: 0;
  }
  .entry-content .wprm-recipe-container .wprm-recipe-times-container > div:nth-child(n+3),
  .entry-content .wprm-recipe-container .wprm-container-columns-spaced > div:nth-child(n+2) .wprm-recipe-meta-container > div {
    border-top: 1px solid var(--bbqr-border);
  }
  .entry-content .wprm-recipe-container .wprm-recipe-time-value,
  .entry-content .wprm-recipe-container .wprm-recipe-meta-value { font-size: 1.35rem; }
  /* equipment → single column */
  .entry-content .wprm-recipe-container .wprm-recipe-equipment-list {
    grid-template-columns: 1fr !important;
  }
  .entry-content .wprm-recipe-container .wprm-recipe-instruction {
    padding-left: 40px !important;
  }
  .entry-content .wprm-recipe-template-snippet-basic-buttons {
    align-items: stretch !important;
    gap: 10px !important;
    max-width: 320px !important;
  }
  .entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-jump,
  .entry-content .wprm-recipe-template-snippet-basic-buttons a.wprm-recipe-print {
    flex: 0 0 calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
    min-height: 36px !important;
    padding: 9px 10px !important;
    font-size: 13px !important;
  }
}

/* ========================================================================
   PRINT
   ======================================================================== */
@media print {
  .entry-content .wprm-recipe-container .wprm-recipe {
    color: #000;
    background: #fff !important;
    border: 1px solid #999 !important;
    box-shadow: none !important;
  }
  .entry-content .wprm-recipe-container .bbq-cook-mode-wrapper,
  .entry-content .wprm-recipe-container .wprm-recipe-cook-mode-container { display: none; }
  .entry-content .wprm-recipe-container .wprm-recipe-instruction::before { background: #000; }
}