/*
 * WPRM Snippet Card (snippet-ac-2024)
 * Shows at top of post: image right + summary left + action buttons.
 * Jump to Recipe and video links live here.
 */

/* ── Snippet container ────────────────────────────── */
.wprm-recipe-template-snippet-ac-2024 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border: 2px solid #c8312a !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-block: 1.5rem 2rem !important;
  box-shadow: 0 4px 12px rgba(200,49,42,.12) !important;
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 1rem !important;
  color: #3d3530 !important;
  text-align: left !important;
  gap: 0 !important;
}

/* ── Summary (left side) ──────────────────────────── */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-container {
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 !important;
  min-width: 0 !important;
}

/* Recipe name in snippet */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-name {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.375rem !important;
  font-weight: 800 !important;
  color: #1a1612 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5rem !important;
  padding: 0 !important;
}

/* Summary text */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary {
  font-size: 0.9375rem !important;
  color: #7a6e68 !important;
  line-height: 1.65 !important;
  margin-bottom: 0.75rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Quick meta (time, servings) inside snippet */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-meta {
  font-size: 0.875rem !important;
  color: #7a6e68 !important;
  display: flex !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 0.75rem !important;
}

.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-meta-item {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-meta-label {
  font-weight: 700 !important;
  color: #3d3530 !important;
}

/* Star rating */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-rating-container {
  margin-bottom: 0.75rem !important;
}

/* ── Action buttons row ───────────────────────────── */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions {
  margin-top: 0.75rem !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* All action buttons — shared base style */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions a,
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions button,
.wprm-recipe-template-snippet-ac-2024 .wprm-jump-to-recipe-shortcode {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  padding: 0.5rem 1.25rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  /* Override any Soledad block/stacking behaviour */
  width: auto !important;
  min-width: 0 !important;
}

/* Jump to Recipe — solid red */
.wprm-recipe-template-snippet-ac-2024 .wprm-jump-to-recipe-shortcode,
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions .wprm-jump-to-recipe-shortcode {
  color: #ffffff !important;
  background: #c8312a !important;
  border: 2px solid #c8312a !important;
  transition: background 150ms ease !important;
}

.wprm-recipe-template-snippet-ac-2024 .wprm-jump-to-recipe-shortcode:hover {
  background: #a0251f !important;
  border-color: #a0251f !important;
  color: #ffffff !important;
}

/* Force all icons/SVGs inside Jump to Recipe button to be white */
.wprm-jump-to-recipe-shortcode i,
.wprm-jump-to-recipe-shortcode svg,
.wprm-jump-to-recipe-shortcode .fa,
.wprm-jump-to-recipe-shortcode .fas,
.wprm-jump-to-recipe-shortcode .far,
.wprm-jump-to-recipe-shortcode span.wprm-icon,
a.wprm-jump-to-recipe i,
a.wprm-jump-to-recipe svg,
a.wprm-jump-to-recipe .fa,
a.wprm-jump-to-recipe .fas {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Jump to Video and other links — ghost style */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions a:not(.wprm-jump-to-recipe-shortcode),
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions button:not(.wprm-jump-to-recipe-shortcode) {
  color: #c8312a !important;
  background: transparent !important;
  border: 2px solid #e8e2dd !important;
  transition: border-color 150ms ease, background 150ms ease !important;
}

.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions a:not(.wprm-jump-to-recipe-shortcode):hover {
  border-color: #c8312a !important;
  background: #f9eeee !important;
}

/* ── Image (right side) ───────────────────────────── */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-image {
  flex-shrink: 0 !important;
  width: 220px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

/* ── Mobile ───────────────────────────────────────── */
@media (max-width: 640px) {
  .wprm-recipe-template-snippet-ac-2024 {
    flex-wrap: wrap-reverse !important;
    flex-direction: column !important;
  }

  .wprm-recipe-template-snippet-ac-2024 .wprm-recipe-image {
    width: 100% !important;
    height: 200px !important;
    margin: 0 auto !important;
    flex-shrink: 1 !important;
  }

  .wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-container {
    padding: 1.25rem !important;
  }

  .wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary-actions {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}


/*
 * WPRM Recipe Card Overrides
 * Template: compact-ac (.wprm-recipe-template-compact-ac)
 *
 * Styles the WPRM recipe card to match the site design.
 * All rules use !important to override WPRM's own stylesheet.
 * Loaded on all single posts via functions.php.
 */

/* ── Card container ───────────────────────────────── */
.wprm-recipe-template-compact-ac.wprm-recipe {
  background: #ffffff !important;
  border: 2px solid #e8e2dd !important;
  border-radius: 14px !important;
  padding: 2rem !important;
  margin-block: 2.5rem !important;
  box-shadow: 0 4px 12px rgba(26,22,18,.10), 0 2px 4px rgba(26,22,18,.06) !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: 'Karla', system-ui, sans-serif !important;
}

/* ── Recipe name ──────────────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-name {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.875rem !important;
  font-weight: 800 !important;
  color: #1a1612 !important;
  line-height: 1.15 !important;
  margin-bottom: 0.75rem !important;
  padding: 0 !important;
}

/* ── Recipe summary / description ────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-summary,
.wprm-recipe-template-compact-ac .wprm-recipe-summary p {
  font-size: 1rem !important;
  color: #7a6e68 !important;
  line-height: 1.75 !important;
  margin-bottom: 1.25rem !important;
}

/* ── Star rating ──────────────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-rating-container {
  margin-bottom: 1.25rem !important;
}

/* ── Timing + details row ─────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-times-container-div,
.wprm-recipe-template-compact-ac .wprm-recipe-block-container-columns {
  display: flex !important;
  gap: 0 !important;
  background: #f5f0ea !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin-bottom: 1.25rem !important;
  overflow: hidden !important;
  flex-wrap: wrap !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-block-container-column {
  flex: 1 !important;
  padding: 1rem !important;
  text-align: center !important;
  border-right: 1px solid #e8e2dd !important;
  min-width: 80px !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-block-container-column:last-child {
  border-right: none !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-time-container {
  flex: 1 !important;
  padding: 1rem !important;
  text-align: center !important;
  border-right: 1px solid #e8e2dd !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-time-container:last-child {
  border-right: none !important;
}

/* Time labels */
.wprm-recipe-template-compact-ac .wprm-recipe-time-label,
.wprm-recipe-template-compact-ac .wprm-recipe-block-label {
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #7a6e68 !important;
  display: block !important;
  margin-bottom: 4px !important;
}

/* Time values */
.wprm-recipe-template-compact-ac .wprm-recipe-time,
.wprm-recipe-template-compact-ac .wprm-recipe-block-value,
.wprm-recipe-template-compact-ac .wprm-recipe-servings-container .wprm-recipe-servings {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #1a1612 !important;
  line-height: 1.15 !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-time-minutes-unit,
.wprm-recipe-template-compact-ac .wprm-recipe-block-unit {
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #7a6e68 !important;
  margin-left: 2px !important;
}

/* ── Course / Cuisine / Servings meta row ─────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-course-container,
.wprm-recipe-template-compact-ac .wprm-recipe-cuisine-container,
.wprm-recipe-template-compact-ac .wprm-recipe-keyword-container {
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  color: #7a6e68 !important;
  margin-bottom: 0.5rem !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-course-container a,
.wprm-recipe-template-compact-ac .wprm-recipe-cuisine-container a,
.wprm-recipe-template-compact-ac .wprm-recipe-keyword-container a {
  color: #c8312a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ── Section headings (Ingredients, Instructions) ── */
.wprm-recipe-template-compact-ac .wprm-recipe-header,
.wprm-recipe-template-compact-ac .wprm-recipe-ingredients-container .wprm-recipe-block-container-title,
.wprm-recipe-template-compact-ac .wprm-recipe-instructions-container .wprm-recipe-block-container-title,
.wprm-recipe-template-compact-ac h2,
.wprm-recipe-template-compact-ac h3 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1612 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid #e8e2dd !important;
  line-height: 1.3 !important;
}

/* ── Ingredient group name ────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-ingredient-group-name {
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #7a6e68 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
  padding: 0 !important;
}

/* ── Ingredient list ──────────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-ingredients {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-ingredient {
  font-size: 1rem !important;
  color: #3d3530 !important;
  line-height: 1.5 !important;
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid #e8e2dd !important;
  list-style: none !important;
  margin: 0 0 0 0 !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-ingredient:last-child {
  border-bottom: none !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-ingredient-amount {
  font-weight: 700 !important;
  color: #1a1612 !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-ingredient-unit {
  font-weight: 600 !important;
  color: #3d3530 !important;
}

/* ── Instructions list ────────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-instructions {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  counter-reset: wprm-step !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-instruction {
  font-size: 1rem !important;
  color: #3d3530 !important;
  line-height: 1.75 !important;
  padding: 0.75rem 0 0.75rem 3rem !important;
  border-bottom: 1px solid #e8e2dd !important;
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  counter-increment: wprm-step !important;
}

/* Remove ALL bullet markers — only show our red number badge */
.wprm-recipe-template-compact-ac .wprm-recipe-instruction::marker,
.wprm-recipe-template-compact-ac .wprm-recipe-instruction li::marker {
  content: none !important;
  display: none !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-instruction:last-child {
  border-bottom: none !important;
}

/* Red number badge */
.wprm-recipe-template-compact-ac .wprm-recipe-instruction::before {
  content: counter(wprm-step) !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.85rem !important;
  width: 26px !important;
  height: 26px !important;
  background: #c8312a !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* Instruction images (if any) */
.wprm-recipe-template-compact-ac .wprm-recipe-instruction-image img {
  border-radius: 8px !important;
  margin-top: 0.75rem !important;
  max-width: 100% !important;
}

/* ── Notes section ────────────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-notes-container {
  background: #fdf3e0 !important;
  border-left: 4px solid #e8a020 !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 1rem 1.25rem !important;
  margin-top: 1.5rem !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-notes-container .wprm-recipe-block-container-title {
  color: #7a5000 !important;
  border-bottom-color: rgba(232,160,32,.3) !important;
  font-size: 1rem !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-note {
  font-size: 0.9375rem !important;
  color: #3d3530 !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
}

/* ── Print / action buttons ───────────────────────── */
.wprm-recipe-template-compact-ac .wprm-recipe-print-button,
.wprm-recipe-template-compact-ac .wprm-print-recipe-container a,
.wprm-recipe-template-compact-ac .wprm-recipe-icon-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Karla', system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #c8312a !important;
  background: transparent !important;
  border: 2px solid #c8312a !important;
  border-radius: 9999px !important;
  padding: 0.5rem 1.25rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 150ms ease, color 150ms ease !important;
  margin-top: 1.25rem !important;
}

.wprm-recipe-template-compact-ac .wprm-recipe-print-button:hover,
.wprm-recipe-template-compact-ac .wprm-print-recipe-container a:hover,
.wprm-recipe-template-compact-ac .wprm-recipe-icon-link:hover {
  background: #c8312a !important;
  color: #fff !important;
}

/* ── Nutrition block ──────────────────────────────── */
.wprm-recipe-template-compact-ac .wprm-nutrition-label-container {
  margin-top: 1.5rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid #e8e2dd !important;
  font-size: 0.875rem !important;
  color: #7a6e68 !important;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 560px) {
  .wprm-recipe-template-compact-ac.wprm-recipe {
    padding: 1.25rem !important;
  }

  .wprm-recipe-template-compact-ac .wprm-recipe-times-container-div,
  .wprm-recipe-template-compact-ac .wprm-recipe-block-container-columns {
    flex-wrap: wrap !important;
  }

  .wprm-recipe-template-compact-ac .wprm-recipe-time-container,
  .wprm-recipe-template-compact-ac .wprm-recipe-block-container-column {
    flex: 1 1 40% !important;
    border-right: none !important;
    border-bottom: 1px solid #e8e2dd !important;
  }
}


/* ── Images inside WPRM card ──────────────────────────────────────
   Constrain any image that appears inside the recipe card.
   The "Add as preferred source" Google image and similar
   instructional images should be small and centred, not full-width.
─────────────────────────────────────────────────────────────────── */

/* All images inside the compact card */
.wprm-recipe-template-compact-ac .wprm-recipe-container img,
.wprm-recipe-template-compact-ac img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  display: block !important;
}

/* Instructional/promotional images (like the Google preferred source)
   that appear inside instruction steps or notes - keep them small */
.wprm-recipe-template-compact-ac .wprm-recipe-instruction img,
.wprm-recipe-template-compact-ac .wprm-recipe-note img,
.wprm-recipe-template-compact-ac .wprm-recipe-notes-container img {
  max-width: 320px !important;
  max-height: 200px !important;
  object-fit: contain !important;
  margin-block: 0.75rem !important;
  border: 1px solid #e8e2dd !important;
  background: #f5f0ea !important;
  padding: 0.5rem !important;
}

/* Same for snippet card */
.wprm-recipe-template-snippet-ac-2024 img {
  max-width: 100% !important;
  height: auto !important;
}

/* The summary/description images in snippet */
.wprm-recipe-template-snippet-ac-2024 .wprm-recipe-snippet-summary img {
  max-width: 280px !important;
  max-height: 160px !important;
  object-fit: contain !important;
  margin-block: 0.5rem !important;
}


/* ── Global: remove all list markers from WPRM lists ─────────── */
.wprm-recipe-template-compact-ac li::marker,
.wprm-recipe-template-compact-ac li:before,
.wprm-recipe-template-snippet-ac-2024 li::marker {
  content: none !important;
}

/* Force white on Jump to Recipe icon — also covers global shortcode */
.wprm-jump-to-recipe-shortcode *,
.wprm-jump-to-recipe-container a * {
  color: #ffffff !important;
  fill: #ffffff !important;
}