/**
 * WP Recipe Maker presentation for Hailee Recipes.
 *
 * Version 2.2: a polished, interactive recipe system shared by Meadow, Basic
 * and the custom Scrumptious template. The outer WPRM container remains
 * unstyled so nested WPRM markup never produces a double border or card.
 */

.wprm-recipe-container,
.wprm-recipe-template-meadow,
.wprm-recipe-template-basic,
.wprm-recipe-template-scrumptious {
  --wprm-primary: var(--hailee-brand, #8b1c42);
  --wprm-pink: var(--hailee-blush, #ffb2be);
  --wprm-cream: var(--hailee-cream, #f3e1db);
  --wprm-charcoal: var(--hailee-heading, #343434);
  --wprm-text: var(--hailee-text, #484848);
  --wprm-muted: var(--hailee-muted, #727272);
  --wprm-white: var(--hailee-white, #ffffff);
  --wprm-line: rgba(52, 52, 52, 0.16);
  --wprm-line-soft: rgba(52, 52, 52, 0.1);
  --wprm-primary-soft: rgba(139, 28, 66, 0.08);
  --wprm-pink-soft: rgba(255, 178, 190, 0.24);
  --wprm-cream-soft: rgba(243, 225, 219, 0.52);
  --wprm-shadow: 0 24px 64px rgba(52, 52, 52, 0.1);
  color: var(--wprm-text);
  font-family: var(--hailee-font-body, "Montserrat", "Helvetica Neue", Arial, sans-serif);
  font-size: 15px;
  line-height: 1.65;
  scroll-margin-top: calc(var(--hailee-header-height, 80px) + 24px);
}

.wprm-recipe-container {
  clear: both;
  max-width: 100%;
}

.entry-content > .wprm-recipe-container,
.entry-content > .wprm-recipe-template-meadow,
.entry-content > .wprm-recipe-template-basic,
.entry-content > .wprm-recipe-template-scrumptious {
  margin-block: clamp(2.25rem, 6vw, 4.5rem);
}

/* The visual card belongs to the template, not its outer plugin wrapper. */
.wprm-recipe-template-meadow,
.wprm-recipe-template-basic {
  background: var(--wprm-white) !important;
  border: 1px solid var(--wprm-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--wprm-shadow);
  color: var(--wprm-text) !important;
  max-width: 100% !important;
  overflow: hidden;
  padding: clamp(1.15rem, 3.6vw, 2.25rem) !important;
  position: relative;
}

.wprm-recipe-template-meadow::before,
.wprm-recipe-template-basic::before {
  background: linear-gradient(90deg, var(--wprm-primary) 0 64%, var(--wprm-pink) 64% 82%, var(--wprm-cream) 82% 100%);
  content: "";
  height: 7px;
  inset: 0 0 auto;
  position: absolute;
  z-index: 1;
}

.wprm-recipe-container *,
.wprm-recipe-template-meadow *,
.wprm-recipe-template-basic *,
.wprm-recipe-template-scrumptious * {
  box-sizing: border-box;
}

.wprm-recipe-container a {
  color: var(--wprm-primary);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.wprm-recipe-container a:hover {
  color: var(--wprm-charcoal);
}

.wprm-recipe-container img {
  height: auto;
  max-width: 100%;
}

/* Advertisement placed deliberately inside the complete WPRM card. */
.wprm-recipe-container .hailee-ad--wprm {
  --hailee-ad-reserved-height: 284px;
  align-self: stretch;
  background: var(--wprm-white) !important;
  border: 1px solid var(--wprm-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  clear: both;
  contain: layout paint;
  float: none !important;
  grid-column: 1 / -1;
  margin: clamp(1.25rem, 4vw, 2rem) 0 !important;
  max-width: 100% !important;
  min-height: var(--hailee-ad-reserved-height);
  min-width: 0;
  overflow: hidden;
  padding: 24px 8px 8px !important;
  position: relative;
  width: 100% !important;
}

.wprm-recipe-container .hailee-ad--wprm::before {
  background: var(--wprm-white);
  color: var(--wprm-muted);
  content: "Advertisement";
  font-family: var(--hailee-font-body, "Montserrat", "Helvetica Neue", Arial, sans-serif);
  font-size: 0.53rem;
  font-weight: 600;
  left: 50%;
  letter-spacing: 0.13em;
  line-height: 1;
  padding-inline: 7px;
  position: absolute;
  text-transform: uppercase;
  top: 8px;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}

.wprm-recipe-container .hailee-ad--wprm :is(.hailee-ad__inner, .hb-ad-inner) {
  align-items: center;
  display: grid;
  justify-items: center;
  margin-inline: auto;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.wprm-recipe-container .hailee-ad--wprm :is(
  iframe,
  img,
  video,
  object,
  embed,
  [id^="hbagency_space_"],
  [class*="hbagency_space_"]
) {
  border: 0;
  margin-inline: auto;
  max-width: 100% !important;
}

@media (max-width: 600px) {
  .wprm-recipe-container .hailee-ad--wprm {
    border-radius: 8px !important;
    margin-block: 1.125rem !important;
    padding: 24px 6px 6px !important;
  }
}

@media print {
  .wprm-recipe-container .hailee-ad--wprm {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
 * Recipe introduction
 * ----------------------------------------------------------------------- */

.wprm-recipe-template-meadow .meadow-header,
.wprm-recipe-template-basic .wprm-recipe-header {
  background: linear-gradient(135deg, var(--wprm-cream-soft), rgba(255, 255, 255, 0.96) 62%, var(--wprm-pink-soft)) !important;
  border: 1px solid rgba(139, 28, 66, 0.12) !important;
  border-radius: 16px !important;
  margin: 0 0 clamp(1.4rem, 4vw, 2.25rem) !important;
  overflow: hidden;
  padding: clamp(1rem, 3vw, 1.5rem) !important;
  position: relative;
}

/* Basic uses its own flat heading flow; avoid turning every section title
 * into an additional card while retaining the shared typography below. */
.wprm-recipe-template-basic .wprm-recipe-header {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible;
}

.wprm-recipe-template-meadow .meadow-header::after,
.wprm-recipe-template-basic .wprm-recipe-header::after {
  background: linear-gradient(90deg, var(--wprm-primary) 0 72px, var(--wprm-pink) 72px 112px, transparent 112px 100%);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}

.wprm-recipe-template-meadow .meadow-header-columns {
  align-items: center;
  display: grid !important;
  gap: clamp(1.25rem, 4vw, 2.25rem) !important;
  grid-template-columns: minmax(200px, 0.78fr) minmax(0, 1.22fr);
}

.wprm-recipe-template-meadow .meadow-header-left,
.wprm-recipe-template-meadow .meadow-header-right,
.wprm-recipe-template-meadow .meadow-main-left,
.wprm-recipe-template-meadow .meadow-main-right {
  float: none !important;
  margin: 0 !important;
  min-width: 0;
  padding: 0 !important;
  width: auto !important;
}

.wprm-recipe-container .wprm-recipe-image {
  background: var(--wprm-cream);
  border: 4px solid var(--wprm-white);
  border-radius: 15px !important;
  box-shadow: 0 10px 28px rgba(52, 52, 52, 0.12);
  display: block;
  margin: 0 !important;
  overflow: hidden;
}

.wprm-recipe-container .wprm-recipe-image img {
  aspect-ratio: 4 / 3;
  border-radius: inherit !important;
  display: block;
  height: 100% !important;
  object-fit: cover;
  width: 100% !important;
}

.wprm-recipe-container .wprm-recipe-name,
.wprm-recipe-container .wprm-recipe-title,
.wprm-recipe-template-meadow .meadow-header .wprm-recipe-name {
  color: var(--wprm-charcoal) !important;
  font-family: var(--hailee-font-display, "DM Serif Display", Georgia, serif) !important;
  font-size: clamp(2rem, 4.5vw, 3.15rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.06 !important;
  margin: 0 0 0.35em !important;
  text-transform: none !important;
  text-wrap: balance;
}

.wprm-recipe-container .wprm-recipe-summary {
  color: var(--wprm-text) !important;
  font-size: 0.94rem !important;
  line-height: 1.72 !important;
  margin: 0.75rem 0 1rem !important;
}

.wprm-recipe-container .wprm-recipe-summary p {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin-bottom: 0.7rem !important;
}

.wprm-recipe-container .wprm-recipe-summary p:last-child {
  margin-bottom: 0 !important;
}

.wprm-recipe-container .wprm-recipe-author-container,
.wprm-recipe-container .wprm-recipe-author {
  color: var(--wprm-muted) !important;
  font-size: 0.72rem !important;
}

.wprm-recipe-container .wprm-recipe-author a {
  color: var(--wprm-charcoal) !important;
  font-weight: 700 !important;
}

/* Ratings. */
.wprm-recipe-container .wprm-recipe-rating-container,
.wprm-recipe-container .wprm-recipe-rating-details {
  color: var(--wprm-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

.wprm-recipe-container .wprm-recipe-rating {
  align-items: center;
  display: inline-flex !important;
  gap: 1px;
}

.wprm-recipe-container .wprm-rating-star svg {
  height: 18px !important;
  width: 18px !important;
}

.wprm-recipe-container .wprm-rating-star-full svg polygon,
.wprm-recipe-container .wprm-rating-star-full svg path,
.wprm-recipe-container .wprm-rating-star-hover svg polygon,
.wprm-recipe-container .wprm-rating-star-hover svg path,
.wprm-recipe-container .wprm-recipe-rating .wprm-rating-star:not(.wprm-rating-star-empty) svg polygon,
.wprm-recipe-container .wprm-recipe-rating .wprm-rating-star:not(.wprm-rating-star-empty) svg path {
  fill: var(--wprm-primary) !important;
  stroke: var(--wprm-primary) !important;
}

.wprm-recipe-container .wprm-rating-star-empty svg polygon,
.wprm-recipe-container .wprm-rating-star-empty svg path {
  fill: transparent !important;
  stroke: var(--wprm-primary) !important;
}

/* --------------------------------------------------------------------------
 * Time, servings and other quick facts
 * ----------------------------------------------------------------------- */

.wprm-recipe-template-meadow .meadow-header-meta,
.wprm-recipe-container .wprm-recipe-times-container,
.wprm-recipe-container .wprm-recipe-meta-container {
  align-items: stretch;
  background: var(--wprm-primary) !important;
  border: 1px solid var(--wprm-primary) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(139, 28, 66, 0.16);
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 1.15rem 0 0 !important;
  overflow: hidden;
  padding: 0 !important;
}

.wprm-recipe-container .wprm-recipe-block-container,
.wprm-recipe-template-meadow .meadow-header-meta > div {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 0;
  padding: 0.82rem 0.62rem !important;
  text-align: center;
}

.wprm-recipe-container .wprm-recipe-block-container:last-child,
.wprm-recipe-template-meadow .meadow-header-meta > div:last-child {
  border-right: 0 !important;
}

.wprm-recipe-container .wprm-recipe-block-container-separate,
.wprm-recipe-container .wprm-recipe-block-container-inline {
  display: block !important;
}

.wprm-recipe-container .wprm-recipe-details-label,
.wprm-recipe-container .wprm-recipe-time-label,
.wprm-recipe-container .wprm-recipe-course-label,
.wprm-recipe-container .wprm-recipe-cuisine-label,
.wprm-recipe-container .wprm-recipe-keyword-label,
.wprm-recipe-container .wprm-recipe-servings-label,
.wprm-recipe-container .wprm-recipe-calories-label {
  color: var(--wprm-cream) !important;
  display: block !important;
  font-size: 0.57rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
  line-height: 1.35 !important;
  margin: 0 0 0.18rem !important;
  text-transform: uppercase !important;
}

.wprm-recipe-container .wprm-recipe-details,
.wprm-recipe-container .wprm-recipe-time,
.wprm-recipe-container .wprm-recipe-course,
.wprm-recipe-container .wprm-recipe-cuisine,
.wprm-recipe-container .wprm-recipe-keyword,
.wprm-recipe-container .wprm-recipe-servings,
.wprm-recipe-container .wprm-recipe-calories {
  color: var(--wprm-white) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* --------------------------------------------------------------------------
 * Action buttons and cook mode
 * ----------------------------------------------------------------------- */

.wprm-recipe-container .wprm-recipe-buttons-container,
.wprm-recipe-container .wprm-recipe-buttons,
.wprm-recipe-template-meadow .meadow-header-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  margin: 1rem 0 0 !important;
}

.wprm-recipe-container .wprm-recipe-button,
.wprm-recipe-container a.wprm-recipe-button,
.wprm-recipe-container button.wprm-recipe-button,
.wprm-recipe-jump-to-section,
.wprm-recipe-jump-to-section-container a,
.wprm-recipe-print,
.wprm-recipe-pin,
.wprm-recipe-add-to-collection {
  align-items: center !important;
  background: var(--wprm-primary) !important;
  border: 1px solid var(--wprm-primary) !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 18px rgba(139, 28, 66, 0.18) !important;
  color: var(--wprm-white) !important;
  display: inline-flex !important;
  font-family: var(--hailee-font-body, "Montserrat", Arial, sans-serif) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  gap: 0.42rem !important;
  justify-content: center !important;
  letter-spacing: 0.065em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 46px !important;
  padding: 0.76rem 1.15rem !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

.wprm-recipe-container .wprm-recipe-button:nth-child(even),
.wprm-recipe-container .wprm-recipe-buttons > :nth-child(even) {
  background: var(--wprm-charcoal) !important;
  border-color: var(--wprm-charcoal) !important;
}

.wprm-recipe-container .wprm-recipe-button:hover,
.wprm-recipe-container a.wprm-recipe-button:hover,
.wprm-recipe-container button.wprm-recipe-button:hover,
.wprm-recipe-jump-to-section:hover,
.wprm-recipe-jump-to-section-container a:hover,
.wprm-recipe-print:hover,
.wprm-recipe-pin:hover,
.wprm-recipe-add-to-collection:hover {
  background: var(--wprm-primary) !important;
  border-color: var(--wprm-primary) !important;
  color: var(--wprm-white) !important;
  box-shadow: 0 10px 24px rgba(139, 28, 66, 0.24) !important;
  transform: translateY(-2px);
}

.wprm-recipe-container .wprm-recipe-button:focus-visible,
.wprm-recipe-container .wprm-recipe-servings-change:focus-visible,
.wprm-recipe-container .wprm-recipe-unit-conversion:focus-visible,
.wprm-recipe-container input[type="checkbox"]:focus-visible {
  outline: 3px solid var(--wprm-pink) !important;
  outline-offset: 3px !important;
}

.wprm-recipe-container .wprm-recipe-button svg,
.wprm-recipe-jump-to-section svg,
.wprm-recipe-print svg,
.wprm-recipe-pin svg {
  fill: currentColor !important;
  height: 17px !important;
  stroke: currentColor !important;
  width: 17px !important;
}

.wprm-recipe-container .wprm-recipe-cook-mode-container,
.wprm-recipe-container .wprm-recipe-cook-mode {
  align-items: center;
  background: var(--wprm-primary-soft) !important;
  border: 1px solid rgba(139, 28, 66, 0.14);
  border-radius: 12px;
  color: var(--wprm-charcoal) !important;
  display: flex !important;
  font-size: 0.74rem !important;
  font-weight: 700;
  gap: 0.55rem;
  margin: 1rem 0 !important;
  padding: 0.75rem 0.9rem !important;
}

.wprm-recipe-container .wprm-toggle-container input:checked + .wprm-toggle,
.wprm-recipe-container .wprm-toggle-container .wprm-toggle.wprm-toggle-active {
  background: var(--wprm-primary) !important;
}

/* Recipe snippet shown near the beginning of an article. */
.wprm-recipe-snippet-container,
.wprm-recipe-template-snippet-basic-buttons,
.wprm-recipe-template-snippet-basic {
  background: var(--wprm-cream-soft) !important;
  border: 1px solid var(--wprm-line) !important;
  border-left: 4px solid var(--wprm-primary) !important;
  border-radius: 8px !important;
  margin-block: 1.5rem !important;
  padding: 1rem !important;
}

.wprm-recipe-template-snippet-basic-buttons .wprm-recipe-snippet__buttons,
.wprm-recipe-template-snippet-basic .wprm-recipe-snippet__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}

/* --------------------------------------------------------------------------
 * Main recipe content
 * ----------------------------------------------------------------------- */

.wprm-recipe-template-meadow .meadow-main {
  margin: 0 !important;
  padding: 0 !important;
}

.wprm-recipe-template-meadow .meadow-main-columns {
  display: grid !important;
  gap: clamp(1.75rem, 5vw, 3rem) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.wprm-recipe-container .wprm-recipe-ingredients-container,
.wprm-recipe-container .wprm-recipe-equipment-container,
.wprm-recipe-container .wprm-recipe-instructions-container,
.wprm-recipe-container .wprm-recipe-notes-container,
.wprm-recipe-container .wprm-recipe-nutrition-container,
.wprm-recipe-container .wprm-recipe-video-container,
.wprm-recipe-container .wprm-recipe-custom-container {
  margin: 0 0 clamp(1.7rem, 4vw, 2.5rem) !important;
}

.wprm-recipe-container .wprm-recipe-ingredients-container,
.wprm-recipe-container .wprm-recipe-equipment-container {
  background-color: var(--wprm-cream-soft) !important;
  background-image: radial-gradient(circle at 1px 1px, rgba(139, 28, 66, 0.09) 1px, transparent 0) !important;
  background-size: 18px 18px !important;
  border: 1px solid rgba(139, 28, 66, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.34);
  padding: clamp(1.2rem, 3.4vw, 1.8rem) !important;
}

.wprm-recipe-container .wprm-recipe-header,
.wprm-recipe-container .wprm-recipe-group-name,
.wprm-recipe-container h2.wprm-recipe-header,
.wprm-recipe-container h3.wprm-recipe-header,
.wprm-recipe-container h4.wprm-recipe-header {
  border: 0 !important;
  color: var(--wprm-charcoal) !important;
  font-family: var(--hailee-font-display, "DM Serif Display", Georgia, serif) !important;
  font-size: clamp(1.55rem, 3vw, 2rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 0 0.85rem !important;
  padding: 0 0 0.55rem !important;
  position: relative;
  text-transform: none !important;
}

.wprm-recipe-container .wprm-recipe-header::after {
  background: linear-gradient(90deg, var(--wprm-primary) 0 32px, var(--wprm-pink) 32px 48px);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 48px;
}

.wprm-recipe-container .wprm-recipe-group-name {
  color: var(--wprm-primary) !important;
  font-family: var(--hailee-font-body, "Montserrat", Arial, sans-serif) !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  margin: 1.2rem 0 0.5rem !important;
  padding: 0 !important;
  text-transform: uppercase !important;
}

.wprm-recipe-container .wprm-recipe-group-name::after {
  content: none;
}

.wprm-recipe-container .wprm-recipe-ingredients,
.wprm-recipe-container .wprm-recipe-instructions,
.wprm-recipe-container .wprm-recipe-equipment {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ingredients and equipment. */
.wprm-recipe-container .wprm-recipe-ingredient,
.wprm-recipe-container .wprm-recipe-equipment-item {
  align-items: flex-start;
  border-bottom: 1px solid var(--wprm-line-soft);
  display: flex;
  gap: 0.72rem;
  line-height: 1.55 !important;
  margin: 0 !important;
  padding: 0.76rem 0 !important;
}

.wprm-recipe-container .wprm-recipe-ingredient:last-child,
.wprm-recipe-container .wprm-recipe-equipment-item:last-child {
  border-bottom: 0;
  padding-bottom: 0 !important;
}

.wprm-recipe-container .wprm-recipe-ingredient:first-child,
.wprm-recipe-container .wprm-recipe-equipment-item:first-child {
  padding-top: 0 !important;
}

.wprm-recipe-container .wprm-checkbox-container,
.wprm-recipe-container .wprm-recipe-ingredient-checkbox,
.wprm-recipe-container .wprm-recipe-instruction-checkbox {
  flex: 0 0 auto;
  margin: 0.22rem 0 0 !important;
}

.wprm-recipe-container .wprm-checkbox-container input,
.wprm-recipe-container input[type="checkbox"].wprm-checkbox {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--wprm-white);
  border: 2px solid var(--wprm-primary);
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(52, 52, 52, 0.08);
  cursor: pointer;
  height: 21px !important;
  margin: 0 !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  width: 21px !important;
}

.wprm-recipe-container .wprm-checkbox-container input:checked,
.wprm-recipe-container input[type="checkbox"].wprm-checkbox:checked {
  background-color: var(--wprm-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m3.2 8.2 3 3.1 6.6-7'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border-color: var(--wprm-primary);
  transform: scale(1.04);
}

.wprm-recipe-container .wprm-recipe-ingredient-amount,
.wprm-recipe-container .wprm-recipe-ingredient-unit {
  color: var(--wprm-charcoal) !important;
  font-weight: 750 !important;
}

.wprm-recipe-container .wprm-recipe-ingredient-notes {
  color: var(--wprm-muted) !important;
  font-size: 0.86em !important;
  font-style: italic;
}

/* Numbered method. */
.wprm-recipe-container .wprm-recipe-instructions {
  counter-reset: hailee-step;
}

.wprm-recipe-container .wprm-recipe-instruction {
  background: var(--wprm-white);
  border: 1px solid var(--wprm-line-soft);
  border-radius: 14px;
  box-shadow: 0 7px 20px rgba(52, 52, 52, 0.055);
  counter-increment: hailee-step;
  display: grid !important;
  gap: 0 0.95rem;
  grid-template-columns: 40px minmax(0, 1fr);
  margin: 0 0 0.75rem !important;
  padding: 1rem !important;
}

.wprm-recipe-container .wprm-recipe-instruction:first-child {
  padding-top: 1rem !important;
}

.wprm-recipe-container .wprm-recipe-instruction:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 1rem !important;
}

.wprm-recipe-container .wprm-recipe-instruction::before {
  align-items: center;
  background: var(--wprm-primary);
  border: 2px solid var(--wprm-white);
  border-radius: 12px;
  box-shadow: 0 0 0 3px var(--wprm-pink-soft), 0 7px 14px rgba(139, 28, 66, 0.18);
  color: var(--wprm-white);
  content: counter(hailee-step);
  display: flex;
  font-size: 0.7rem;
  font-weight: 800;
  grid-column: 1;
  grid-row: 1;
  height: 36px;
  justify-content: center;
  line-height: 1;
  margin-top: 0.08rem;
  width: 36px;
}

.wprm-recipe-container .wprm-recipe-instruction-text {
  grid-column: 2;
  min-width: 0;
}

.wprm-recipe-container .wprm-recipe-instruction-text p {
  line-height: 1.7 !important;
  margin: 0 0 0.7rem !important;
}

.wprm-recipe-container .wprm-recipe-instruction-text p:last-child {
  margin-bottom: 0 !important;
}

.wprm-recipe-container .wprm-recipe-instruction-media {
  grid-column: 2;
  margin-top: 0.75rem !important;
}

.wprm-recipe-container .wprm-recipe-instruction-media img {
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(52, 52, 52, 0.1);
}

/* Notes and nutrition. */
.wprm-recipe-container .wprm-recipe-notes-container {
  background: linear-gradient(135deg, var(--wprm-cream), var(--wprm-pink-soft)) !important;
  border: 1px solid rgba(139, 28, 66, 0.14) !important;
  border-left: 6px solid var(--wprm-primary) !important;
  border-radius: 4px 16px 16px 4px !important;
  box-shadow: 0 8px 22px rgba(52, 52, 52, 0.06);
  padding: clamp(1.1rem, 3vw, 1.5rem) !important;
}

.wprm-recipe-container .wprm-recipe-notes {
  color: var(--wprm-text) !important;
  font-size: 0.9rem !important;
  line-height: 1.72 !important;
}

.wprm-recipe-container .wprm-recipe-notes p:last-child,
.wprm-recipe-container .wprm-recipe-notes ul:last-child,
.wprm-recipe-container .wprm-recipe-notes ol:last-child {
  margin-bottom: 0 !important;
}

.wprm-recipe-container .wprm-recipe-nutrition-container,
.wprm-recipe-container .wprm-nutrition-label-container {
  background: var(--wprm-white) !important;
  border: 1px solid var(--wprm-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 7px 20px rgba(52, 52, 52, 0.05);
  margin-bottom: 0 !important;
  padding: 1.15rem !important;
}

.wprm-recipe-container .wprm-nutrition-label-container,
.wprm-recipe-container .wprm-recipe-nutrition {
  color: var(--wprm-text) !important;
  font-size: 0.77rem !important;
  line-height: 1.72 !important;
}

.wprm-recipe-container .wprm-nutrition-label-text-nutrition-container,
.wprm-recipe-container .wprm-recipe-nutrition-label-text-nutrition-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.75rem;
}

.wprm-recipe-container .wprm-nutrition-label-text-nutrition-unit {
  color: var(--wprm-muted) !important;
}

/* Servings multipliers and unit conversion. */
.wprm-recipe-container .wprm-recipe-servings-container,
.wprm-recipe-container .wprm-recipe-adjustable-servings-container,
.wprm-recipe-container .wprm-recipe-unit-conversion-container {
  align-items: center;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.wprm-recipe-container .wprm-recipe-servings-change-container button,
.wprm-recipe-container .wprm-recipe-servings-change,
.wprm-recipe-container .wprm-recipe-unit-conversion-container button,
.wprm-recipe-container .wprm-recipe-unit-conversion {
  align-items: center !important;
  background: var(--wprm-white) !important;
  border: 1px solid var(--wprm-line) !important;
  border-radius: 999px !important;
  color: var(--wprm-charcoal) !important;
  display: inline-flex !important;
  font-size: 0.64rem !important;
  font-weight: 750 !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0.3rem 0.65rem !important;
}

.wprm-recipe-container .wprm-recipe-servings-change-container button:hover,
.wprm-recipe-container .wprm-recipe-servings-change:hover,
.wprm-recipe-container .wprm-recipe-unit-conversion-container button:hover,
.wprm-recipe-container .wprm-recipe-unit-conversion:hover,
.wprm-recipe-container .wprm-recipe-unit-conversion.wprmpuc-active {
  background: var(--wprm-primary) !important;
  border-color: var(--wprm-primary) !important;
  color: var(--wprm-white) !important;
}

.wprm-recipe-container .wprm-recipe-video-container iframe,
.wprm-recipe-container .wprm-recipe-video-container video {
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(52, 52, 52, 0.1);
  width: 100%;
}

.wprm-recipe-container .wprm-call-to-action {
  background: var(--wprm-cream-soft) !important;
  border: 1px solid var(--wprm-line) !important;
  border-radius: 8px !important;
  color: var(--wprm-text) !important;
  padding: 1rem !important;
}

.wprm-recipe-container .wprm-call-to-action-header {
  color: var(--wprm-charcoal) !important;
  font-family: var(--hailee-font-display, "DM Serif Display", Georgia, serif) !important;
  font-size: 1.35rem !important;
}

.wprm-recipe-container .wprm-recipe-icon svg,
.wprm-recipe-container .wprm-icon svg {
  fill: currentColor !important;
}

.wprm-recipe-container .wprm-decoration-line,
.wprm-recipe-container .wprm-recipe-divider {
  border-color: var(--wprm-line) !important;
}

.wprm-recipe-container .wprm-recipe-instruction[style*="text-decoration: line-through"],
.wprm-recipe-container .wprm-recipe-ingredient[style*="text-decoration: line-through"] {
  color: var(--wprm-muted) !important;
  opacity: 0.7;
}

@supports selector(:has(*)) {
  .wprm-recipe-container .wprm-recipe-ingredient:has(input:checked),
  .wprm-recipe-container .wprm-recipe-instruction:has(input:checked) {
    background-color: rgba(243, 225, 219, 0.68);
    color: var(--wprm-muted) !important;
  }
}

/* --------------------------------------------------------------------------
 * Responsive
 * ----------------------------------------------------------------------- */

@media (max-width: 720px) {
  .wprm-recipe-container,
  .wprm-recipe-template-meadow,
  .wprm-recipe-template-basic,
  .wprm-recipe-template-scrumptious {
    font-size: 14px;
  }

  .wprm-recipe-template-meadow,
  .wprm-recipe-template-basic {
    border-radius: 10px !important;
    padding: 1rem !important;
  }

  .wprm-recipe-template-meadow .meadow-header-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .wprm-recipe-template-meadow .meadow-header-left,
  .wprm-recipe-template-meadow .meadow-header-right,
  .wprm-recipe-template-meadow .meadow-main-left,
  .wprm-recipe-template-meadow .meadow-main-right {
    width: 100% !important;
  }

  .wprm-recipe-container .wprm-recipe-name,
  .wprm-recipe-container .wprm-recipe-title,
  .wprm-recipe-template-meadow .meadow-header .wprm-recipe-name {
    font-size: clamp(1.8rem, 9vw, 2.55rem) !important;
  }

  .wprm-recipe-template-meadow .meadow-header-meta,
  .wprm-recipe-container .wprm-recipe-times-container,
  .wprm-recipe-container .wprm-recipe-meta-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wprm-recipe-container .wprm-recipe-block-container:nth-child(even),
  .wprm-recipe-template-meadow .meadow-header-meta > div:nth-child(even) {
    border-right: 0 !important;
  }

  .wprm-recipe-container .wprm-recipe-block-container:nth-child(n + 3),
  .wprm-recipe-template-meadow .meadow-header-meta > div:nth-child(n + 3) {
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  }

  .wprm-recipe-container .wprm-recipe-buttons-container,
  .wprm-recipe-container .wprm-recipe-buttons,
  .wprm-recipe-template-meadow .meadow-header-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wprm-recipe-container .wprm-recipe-button,
  .wprm-recipe-container a.wprm-recipe-button,
  .wprm-recipe-container button.wprm-recipe-button {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .entry-content > .wprm-recipe-container {
    margin-inline: -0.35rem;
  }

  .wprm-recipe-template-meadow .meadow-header-meta,
  .wprm-recipe-container .wprm-recipe-times-container,
  .wprm-recipe-container .wprm-recipe-meta-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .wprm-recipe-container .wprm-recipe-block-container,
  .wprm-recipe-template-meadow .meadow-header-meta > div {
    border-right: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  }

  .wprm-recipe-container .wprm-recipe-block-container:first-child,
  .wprm-recipe-template-meadow .meadow-header-meta > div:first-child {
    border-top: 0 !important;
  }

  .wprm-recipe-container .wprm-recipe-buttons-container,
  .wprm-recipe-container .wprm-recipe-buttons,
  .wprm-recipe-template-meadow .meadow-header-buttons {
    grid-template-columns: minmax(0, 1fr);
  }

  .wprm-recipe-container .wprm-recipe-instruction {
    gap: 0 0.65rem;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 0.9rem !important;
  }

  .wprm-recipe-container .wprm-recipe-instruction::before {
    border-radius: 10px;
    height: 31px;
    width: 31px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wprm-recipe-container *,
  .wprm-recipe-container *::before,
  .wprm-recipe-container *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* --------------------------------------------------------------------------
 * Print
 * ----------------------------------------------------------------------- */

@media print {
  .wprm-recipe-template-meadow,
  .wprm-recipe-template-basic {
    border: 1px solid #777 !important;
    border-top-width: 1px !important;
    box-shadow: none !important;
    break-inside: auto;
    color: #000 !important;
    font-size: 10pt !important;
    margin: 0 !important;
    padding: 12pt !important;
  }

  .wprm-recipe-template-meadow::before,
  .wprm-recipe-template-basic::before {
    display: none !important;
  }

  .wprm-recipe-template-meadow .meadow-header,
  .wprm-recipe-container .wprm-recipe-ingredients-container,
  .wprm-recipe-container .wprm-recipe-equipment-container,
  .wprm-recipe-container .wprm-recipe-notes-container,
  .wprm-recipe-container .wprm-recipe-cook-mode-container,
  .wprm-recipe-container .wprm-recipe-cook-mode {
    background: #fff !important;
  }

  .wprm-recipe-template-meadow .meadow-header-meta,
  .wprm-recipe-container .wprm-recipe-times-container,
  .wprm-recipe-container .wprm-recipe-meta-container {
    background: #ffffff !important;
    border-color: #777 !important;
    box-shadow: none !important;
  }

  .wprm-recipe-container .wprm-recipe-block-container,
  .wprm-recipe-template-meadow .meadow-header-meta > div,
  .wprm-recipe-container .wprm-recipe-details-label,
  .wprm-recipe-container .wprm-recipe-time-label,
  .wprm-recipe-container .wprm-recipe-servings-label,
  .wprm-recipe-container .wprm-recipe-calories-label,
  .wprm-recipe-container .wprm-recipe-details,
  .wprm-recipe-container .wprm-recipe-time,
  .wprm-recipe-container .wprm-recipe-servings,
  .wprm-recipe-container .wprm-recipe-calories {
    border-color: #777 !important;
    color: #000000 !important;
  }

  .wprm-recipe-template-meadow .meadow-header-columns,
  .wprm-recipe-template-meadow .meadow-main-columns {
    display: block !important;
  }

  .wprm-recipe-container .wprm-recipe-image,
  .wprm-recipe-container .wprm-recipe-button,
  .wprm-recipe-container .wprm-recipe-buttons-container,
  .wprm-recipe-container .wprm-recipe-video-container,
  .wprm-recipe-container .wprm-recipe-cook-mode-container,
  .wprm-recipe-container .wprm-recipe-cook-mode {
    display: none !important;
  }

  .wprm-recipe-container .wprm-recipe-rating-container {
    color: #000 !important;
  }

  .wprm-recipe-container .wprm-recipe-instruction,
  .wprm-recipe-container .wprm-recipe-ingredient {
    break-inside: avoid;
  }

  .wprm-recipe-container .wprm-recipe-instruction::before {
    background: #fff !important;
    border: 1px solid #000;
    color: #000 !important;
  }
}