/* ============================================================
   Recipe Card Modern Style v2.0
   Covers: WP Recipe Maker (.wprm-*) + Tasty Recipes (.tasty-recipes*)
   Design: Modern & Clean — white card, colored header, crisp type
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@400;500;600&display=swap');

/* ── CSS Variables ────────────────────────────────────────── */
:root {
  --rc-accent:        #E8533F;
  --rc-accent-dark:   #C43E2C;
  --rc-accent-light:  #FDF1EF;
  --rc-header-bg:     #273F4F;   /* dark teal header (matches fastdinnerrecipes theme) */
  --rc-surface:       #FFFFFF;
  --rc-border:        #EEE9E5;
  --rc-text:          #2B2320;
  --rc-muted:         #7A6F6B;
  --rc-step-bg:       #F8F5F3;
  --rc-radius:        16px;
  --rc-shadow:        0 4px 28px rgba(43,35,32,.09), 0 1px 4px rgba(43,35,32,.06);
  --rc-font-display:  'Playfair Display', Georgia, serif;
  --rc-font-body:     'DM Sans', system-ui, sans-serif;
}


/* ════════════════════════════════════════════════════════════
   SECTION 1 — WP RECIPE MAKER  (.wprm-*)
   ════════════════════════════════════════════════════════════ */

.wprm-recipe-container {
  font-family: var(--rc-font-body) !important;
  max-width: 780px;
  margin: 2.5rem auto !important;
}

.wprm-recipe {
  background: var(--rc-surface) !important;
  border: 1px solid var(--rc-border) !important;
  border-radius: var(--rc-radius) !important;
  box-shadow: var(--rc-shadow) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.wprm-recipe::before {
  content: '';
  display: block;
  height: 6px;
  background: linear-gradient(90deg, var(--rc-accent) 0%, #F4A261 100%);
}

.wprm-recipe-image { float: none !important; display: block !important; margin: 0 !important; width: 100% !important; }
.wprm-recipe-image img { width: 100% !important; height: 280px !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; }

.wprm-recipe-name {
  font-family: var(--rc-font-display) !important;
  font-size: 2rem !important; font-weight: 700 !important;
  color: var(--rc-text) !important; line-height: 1.25 !important;
  margin: 28px 32px 6px !important; padding: 0 !important;
}

.wprm-recipe-summary {
  font-size: .95rem !important; color: var(--rc-muted) !important;
  line-height: 1.65 !important; margin: 0 32px 24px !important;
  padding: 0 !important; font-style: italic;
}

.wprm-recipe-meta-container {
  margin: 0 32px !important; padding: 16px 0 !important;
  border-top: 1px solid var(--rc-border) !important;
  border-bottom: 1px solid var(--rc-border) !important;
  display: flex !important; flex-wrap: wrap !important; gap: 10px 24px !important;
}

.wprm-recipe-tags-container .wprm-recipe-block-container,
.wprm-recipe-tag-container {
  background: var(--rc-accent-light) !important; border-radius: 20px !important;
  padding: 5px 12px !important; font-size: .8rem !important;
}

.wprm-recipe-tag-label,.wprm-recipe-course-label,.wprm-recipe-cuisine-label,.wprm-recipe-keyword-label {
  color: var(--rc-accent) !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: .04em !important; font-size: .72rem !important;
}

.wprm-recipe-times-container {
  margin: 0 32px !important; padding: 20px 0 !important;
  display: flex !important; flex-wrap: wrap !important;
  border-bottom: 1px solid var(--rc-border) !important;
}

.wprm-recipe-time-container { flex: 1 1 auto !important; text-align: center !important; padding: 8px 12px !important; border-right: 1px solid var(--rc-border) !important; background: none !important; }
.wprm-recipe-time-container:last-child { border-right: none !important; }
.wprm-recipe-time-label { display: block !important; font-size: .7rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: var(--rc-muted) !important; margin-bottom: 4px !important; }
.wprm-recipe-time .wprm-recipe-details,.wprm-recipe-time .wprm-recipe-details-unit { font-size: 1.15rem !important; font-weight: 600 !important; color: var(--rc-text) !important; }

.wprm-recipe-servings-container,.wprm-recipe-calories-container {
  margin: 0 32px !important; padding: 14px 0 !important;
  border-bottom: 1px solid var(--rc-border) !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
}

.wprm-recipe-servings-label,.wprm-recipe-calories-label { font-size: .78rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: var(--rc-muted) !important; }
.wprm-recipe-servings,.wprm-recipe-calories { font-size: 1.1rem !important; font-weight: 700 !important; color: var(--rc-accent) !important; }

.wprm-recipe-header { font-family: var(--rc-font-display) !important; font-size: 1.2rem !important; font-weight: 700 !important; color: var(--rc-text) !important; margin: 32px 32px 16px !important; padding-bottom: 10px !important; border-bottom: 2px solid var(--rc-accent) !important; letter-spacing: -.01em !important; }

.wprm-recipe-equipment { list-style: none !important; margin: 0 32px 8px !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.wprm-recipe-equipment-item { list-style: none !important; background: var(--rc-step-bg) !important; border: 1px solid var(--rc-border) !important; border-radius: 8px !important; padding: 7px 14px !important; font-size: .88rem !important; font-weight: 500 !important; color: var(--rc-text) !important; }

.wprm-recipe-ingredients { list-style: none !important; margin: 0 32px 8px !important; padding: 0 !important; }
.wprm-recipe-ingredient { list-style: none !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; padding: 9px 0 !important; border-bottom: 1px solid var(--rc-border) !important; font-size: .93rem !important; color: var(--rc-text) !important; line-height: 1.5 !important; }
.wprm-recipe-ingredient:last-child { border-bottom: none !important; }
.wprm-recipe-ingredient::before { content: '•'; color: var(--rc-accent); font-size: 1.2rem; line-height: 1.3; flex-shrink: 0; }
.wprm-recipe-ingredient-amount { font-weight: 700 !important; color: var(--rc-accent) !important; white-space: nowrap !important; }
.wprm-recipe-ingredient-notes { font-size: .82rem !important; color: var(--rc-muted) !important; font-style: italic !important; display: block !important; }

.wprm-recipe-instructions { list-style: none !important; margin: 0 32px 8px !important; padding: 0 !important; counter-reset: step-counter; }
.wprm-recipe-instruction { list-style: none !important; display: flex !important; align-items: flex-start !important; gap: 16px !important; padding: 16px 0 !important; border-bottom: 1px solid var(--rc-border) !important; counter-increment: step-counter; }
.wprm-recipe-instruction:last-child { border-bottom: none !important; }
.wprm-recipe-instruction::before { content: counter(step-counter); display: flex !important; align-items: center !important; justify-content: center !important; min-width: 32px !important; height: 32px !important; background: var(--rc-accent) !important; color: #fff !important; border-radius: 50% !important; font-size: .82rem !important; font-weight: 700 !important; flex-shrink: 0 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(232,83,63,.3) !important; }
.wprm-recipe-instruction-text { font-size: .95rem !important; color: var(--rc-text) !important; line-height: 1.7 !important; }

.wprm-recipe-notes-container { margin: 0 32px 32px !important; padding: 0 !important; }
.wprm-recipe-notes { background: var(--rc-accent-light) !important; border-left: 4px solid var(--rc-accent) !important; border-radius: 0 8px 8px 0 !important; padding: 16px 20px !important; font-size: .88rem !important; color: var(--rc-text) !important; line-height: 1.65 !important; }

.wprm-recipe-print,a.wprm-recipe-print { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: var(--rc-accent) !important; color: #fff !important; border-radius: 8px !important; padding: 8px 18px !important; font-size: .82rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .06em !important; text-decoration: none !important; margin: 20px 32px 0 !important; transition: background .2s ease, transform .15s ease !important; }
.wprm-recipe-print:hover,a.wprm-recipe-print:hover { background: var(--rc-accent-dark) !important; transform: translateY(-1px) !important; }
.wprm-container-float-left { float: none !important; display: block !important; width: 100% !important; }
.wprm-spacer { display: none !important; }


/* ════════════════════════════════════════════════════════════
   SECTION 2 — TASTY RECIPES  (.tasty-recipes*)
   ════════════════════════════════════════════════════════════ */

/* ── Wrapper ──────────────────────────────────────────────── */
.tasty-recipes-wrapper {
  font-family: var(--rc-font-body) !important;
  max-width: 780px !important;
  margin: 2.5rem auto !important;
}

.tasty-recipes {
  background: var(--rc-surface) !important;
  border: none !important;
  border-radius: var(--rc-radius) !important;
  box-shadow: var(--rc-shadow) !important;
  overflow: hidden !important;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}

/* ── Colored top stripe ───────────────────────────────────── */
.tasty-recipes::before {
  content: '';
  display: block;
  height: 6px;
  background: linear-gradient(90deg, var(--rc-accent) 0%, #F4A261 100%);
}

/* ── Header (dark bg with recipe image + title) ───────────── */
.tasty-recipes-entry-header {
  background: var(--rc-header-bg) !important;
  color: #fff !important;
  padding: 28px 32px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  text-align: left !important;
}

/* Circular image in header */
.tasty-recipes-entry-header .tasty-recipes-image {
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.tasty-recipes-entry-header .tasty-recipes-image img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  border: 3px solid rgba(255,255,255,.35) !important;
  object-fit: cover !important;
  display: block !important;
}

/* Recipe title in header */
.tasty-recipes-entry-header h2.tasty-recipes-title {
  font-family: var(--rc-font-display) !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 12px !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

/* Meta details row (author, total time, yield) */
.tasty-recipes-entry-header .tasty-recipes-details ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 20px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tasty-recipes-entry-header .tasty-recipes-details ul li {
  font-size: .82rem !important;
  color: rgba(255,255,255,.8) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  line-height: 1.6 !important;
}

.tasty-recipes-entry-header .tasty-recipes-label {
  color: rgba(255,255,255,.55) !important;
  font-style: normal !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  display: inline !important;
}

/* Small clock/cutlery icons */
.tasty-recipes-entry-header .detail-icon {
  width: 14px !important;
  height: 14px !important;
  opacity: .7;
  filter: brightness(10);
}

/* Hide the <hr> separators inside header */
.tasty-recipes-entry-header hr { display: none !important; }

/* ── Print / Pin buttons ──────────────────────────────────── */
.tasty-recipes-print-button,
a.tasty-recipes-print-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--rc-accent) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  font-family: var(--rc-font-body) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .2s ease !important;
}
.tasty-recipes-print-button:hover,
a.tasty-recipes-print-button:hover {
  background: var(--rc-accent-dark) !important;
  color: #fff !important;
}

.tasty-recipes-entry-content .tasty-recipes-buttons {
  margin: 20px 32px 0 !important;
  display: flex !important;
  gap: 10px !important;
}

.tasty-recipes-entry-content .tasty-recipes-button-wrap {
  width: auto !important;
  float: none !important;
  display: inline-block !important;
}

.tasty-recipes-entry-content .tasty-recipes-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--rc-step-bg) !important;
  color: var(--rc-text) !important;
  border: 1px solid var(--rc-border) !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  text-decoration: none !important;
}
.tasty-recipes-entry-content .tasty-recipes-buttons a:hover { background: var(--rc-border) !important; }

/* Print button specifically */
.tasty-recipes-entry-content .tasty-recipes-buttons a.tasty-recipes-print-button {
  background: var(--rc-accent) !important;
  color: #fff !important;
  border-color: var(--rc-accent) !important;
}

/* SVG icons inside buttons */
.tasty-recipes-entry-content .tasty-recipes-buttons .svg-print,
.tasty-recipes-entry-content .tasty-recipes-buttons .svg-pinterest {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

/* ── Description ──────────────────────────────────────────── */
.tasty-recipes-entry-content .tasty-recipes-description {
  padding: 24px 32px 0 !important;
}

.tasty-recipes-entry-content .tasty-recipes-description h3 {
  font-family: var(--rc-font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--rc-text) !important;
  margin: 0 0 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--rc-accent) !important;
  text-transform: none !important;
}

.tasty-recipes-description-body {
  font-size: .93rem !important;
  color: var(--rc-muted) !important;
  line-height: 1.65 !important;
  font-style: italic !important;
}

/* ── Section dividers ─────────────────────────────────────── */
.tasty-recipes-entry-content hr {
  border: none !important;
  border-top: 1px solid var(--rc-border) !important;
  margin: 20px 32px !important;
}

/* ── Ingredients ──────────────────────────────────────────── */
.tasty-recipes-entry-content .tasty-recipes-ingredients {
  padding: 0 32px !important;
}

.tasty-recipes-entry-content .tasty-recipes-ingredients-header,
.tasty-recipes-ingredients-header {
  margin: 24px 0 12px !important;
}

.tasty-recipes-entry-content .tasty-recipes-ingredients h3,
.tasty-recipes-ingredients-header h3 {
  font-family: var(--rc-font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--rc-text) !important;
  margin: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--rc-accent) !important;
  text-transform: none !important;
}

.tasty-recipes-entry-content .tasty-recipes-ingredients ul,
.tasty-recipe-ingredients ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tasty-recipes-entry-content .tasty-recipes-ingredients ul li,
.tasty-recipe-ingredients ul li {
  list-style: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid var(--rc-border) !important;
  font-size: .93rem !important;
  color: var(--rc-text) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  position: static !important;
}

.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:last-child,
.tasty-recipe-ingredients ul li:last-child { border-bottom: none !important; }

.tasty-recipes-entry-content .tasty-recipes-ingredients ul li::before,
.tasty-recipe-ingredients ul li::before {
  content: '•' !important;
  color: var(--rc-accent) !important;
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
  flex-shrink: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.tasty-recipes-entry-content .tasty-recipes-ingredients ul li [data-amount] {
  font-weight: 700 !important;
  color: var(--rc-accent) !important;
}

/* ── Instructions ─────────────────────────────────────────── */
.tasty-recipes-entry-content .tasty-recipes-instructions {
  padding: 0 32px !important;
}

.tasty-recipes-entry-content .tasty-recipes-instructions-header,
.tasty-recipes-instructions-header {
  margin: 24px 0 12px !important;
}

.tasty-recipes-entry-content .tasty-recipes-instructions h3,
.tasty-recipes-instructions-header h3 {
  font-family: var(--rc-font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--rc-text) !important;
  margin: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--rc-accent) !important;
  text-transform: none !important;
}

.tasty-recipes-entry-content .tasty-recipes-instructions ol,
.tasty-recipe-instructions ol {
  list-style: none !important;
  counter-reset: tr-step !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tasty-recipes-entry-content .tasty-recipes-instructions ol > li,
.tasty-recipe-instructions ol > li {
  list-style: none !important;
  counter-increment: tr-step !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--rc-border) !important;
  font-size: .93rem !important;
  color: var(--rc-text) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  position: static !important;
}

.tasty-recipes-entry-content .tasty-recipes-instructions ol > li:last-child,
.tasty-recipe-instructions ol > li:last-child { border-bottom: none !important; }

.tasty-recipes-entry-content .tasty-recipes-instructions ol > li::before,
.tasty-recipe-instructions ol > li::before {
  content: counter(tr-step) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  background: var(--rc-accent) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  box-shadow: 0 2px 6px rgba(232,83,63,.3) !important;
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  line-height: 1 !important;
  width: 32px !important;
}

/* ── Other details (prep/cook time, category, cuisine) ────── */
.tasty-recipes-other-details {
  margin: 0 32px !important;
  padding: 16px 0 !important;
  border-top: 1px solid var(--rc-border) !important;
  background: none !important;
}

.tasty-recipes-other-details ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 24px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--rc-text) !important;
}

.tasty-recipes-other-details ul li {
  font-size: .82rem !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
}

.tasty-recipes-other-details .tasty-recipes-label {
  color: var(--rc-muted) !important;
  font-style: normal !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.tasty-recipes-other-details .detail-icon {
  width: 14px !important;
  height: 14px !important;
  opacity: .5 !important;
}

/* ── Nutrition ────────────────────────────────────────────── */
.tasty-recipes-entry-content .tasty-recipes-nutrition {
  margin: 0 32px !important;
  padding: 20px 0 !important;
  border-top: 1px solid var(--rc-border) !important;
}

.tasty-recipes-entry-content .tasty-recipes-nutrition h3 {
  font-family: var(--rc-font-display) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--rc-text) !important;
  margin: 0 0 12px !important;
  text-transform: none !important;
}

.tasty-recipes-entry-content .tasty-recipes-nutrition ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 16px !important;
}

.tasty-recipes-entry-content .tasty-recipes-nutrition ul li {
  font-size: .82rem !important;
  color: var(--rc-text) !important;
  list-style: none !important;
  float: none !important;
  margin: 0 !important;
}

.tasty-recipes-nutrition .tasty-recipes-label {
  color: var(--rc-muted) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: .75rem !important;
  text-transform: uppercase !important;
}

/* ── Keywords ─────────────────────────────────────────────── */
.tasty-recipes-entry-content .tasty-recipes-keywords {
  margin: 0 32px !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--rc-border) !important;
  background: none !important;
}

.tasty-recipes-entry-content .tasty-recipes-keywords p {
  font-size: .78rem !important;
  color: var(--rc-muted) !important;
  font-style: italic !important;
  margin: 0 !important;
}

/* ── Footer ───────────────────────────────────────────────── */
.tasty-recipes-entry-footer {
  background: var(--rc-header-bg) !important;
  padding: 20px 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tasty-recipes-entry-footer h3 {
  font-family: var(--rc-font-display) !important;
  font-size: 1rem !important;
  color: #fff !important;
  margin: 0 0 4px !important;
  text-transform: none !important;
}

.tasty-recipes-entry-footer p {
  font-size: .82rem !important;
  color: rgba(255,255,255,.7) !important;
  margin: 0 !important;
}

.tasty-recipes-entry-footer img,
.tasty-recipes-entry-footer svg {
  width: 40px !important;
  height: auto !important;
  filter: brightness(10) !important;
  flex-shrink: 0 !important;
}

.tasty-recipes-footer-content {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 !important;
  text-align: left !important;
}

.tasty-recipes-footer-copy { margin: 0 !important; }

/* ── Jump link ────────────────────────────────────────────── */
.tasty-recipes-quick-links {
  margin-bottom: 1.5rem;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.tasty-recipes-quick-links a {
  display: inline-flex;
  align-items: center;
  background: var(--rc-accent-light);
  color: var(--rc-accent) !important;
  border: 1px solid var(--rc-accent);
  border-radius: 6px;
  padding: 6px 14px;
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  transition: background .2s ease;
}
.tasty-recipes-quick-links a:hover {
  background: var(--rc-accent);
  color: #fff !important;
}

/* ── Hide "Print" button above card (duplicate) ───────────── */
.tasty-recipes-print-button.tasty-recipes-print-above-card {
  display: none !important;
}

/* ════════════════════════════════════════════════════════════
   SECTION 3 — HIDE RAW CSS DUMP (safety net visual fallback)
   In case the PHP filter doesn't catch it, hide it via CSS too
   ════════════════════════════════════════════════════════════ */

/* If a <p> starts with ".tasty-recipes" CSS text — hide it.
   We target the wrapper div that contains the raw dump. */
.tasty-recipes-wrapper > p:first-of-type:not(.tasty-recipes-description-body) {
  /* The raw CSS dump paragraph has no class and is very long */
}

/* This targets the specific pattern: a lone <p> inside .tasty-recipes
   that contains raw CSS (starts with known selectors) */
.tasty-recipes p[style]:empty,
.dynamic-entry-content > .tasty-recipes-wrapper > p:not([class]) {
  /* Additional safety hide — PHP filter handles this primarily */
}


/* ════════════════════════════════════════════════════════════
   SECTION 4 — RESPONSIVE
   ════════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
  /* WPRM mobile */
  .wprm-recipe-name { font-size: 1.55rem !important; margin: 22px 20px 6px !important; }
  .wprm-recipe-summary { margin: 0 20px 20px !important; }
  .wprm-recipe-meta-container,.wprm-recipe-times-container,.wprm-recipe-servings-container,.wprm-recipe-calories-container { margin: 0 20px !important; }
  .wprm-recipe-header { margin: 24px 20px 12px !important; }
  .wprm-recipe-ingredients,.wprm-recipe-instructions,.wprm-recipe-equipment { margin-left: 20px !important; margin-right: 20px !important; }
  .wprm-recipe-notes-container { margin: 0 20px 24px !important; }
  .wprm-recipe-print,a.wprm-recipe-print { margin: 16px 20px 0 !important; }
  .wprm-recipe-image img { height: 200px !important; }

  /* Tasty Recipes mobile */
  .tasty-recipes-entry-header { flex-direction: column !important; padding: 20px !important; gap: 12px !important; }
  .tasty-recipes-entry-content .tasty-recipes-buttons { margin: 16px 20px 0 !important; }
  .tasty-recipes-entry-content .tasty-recipes-description,
  .tasty-recipes-entry-content .tasty-recipes-ingredients,
  .tasty-recipes-entry-content .tasty-recipes-instructions { padding-left: 20px !important; padding-right: 20px !important; }
  .tasty-recipes-other-details,.tasty-recipes-entry-content .tasty-recipes-nutrition,.tasty-recipes-entry-content .tasty-recipes-keywords { margin-left: 20px !important; margin-right: 20px !important; }
  .tasty-recipes-entry-content hr { margin: 16px 20px !important; }
}



/* ════════════════════════════════════════════════════════════
   SECTION 5 — BUTTON ICON FIXES
   CSS-only SVG icons. PHP cleaner removes broken <img> tags;
   this section adds clean icons and hides any that slip through.
   ════════════════════════════════════════════════════════════ */

/* ── Hide ALL broken images that may still exist ─────────── */
.tasty-recipes .svg-pinterest,
.tasty-recipes .svg-print,
.tasty-recipes .svg-heart,
.tasty-recipes .svg-heart-solid,
.tasty-recipes .detail-icon,
.tasty-recipes img[src*="icon-pinterest"],
.tasty-recipes img[src*="icon-clock"],
.tasty-recipes img[src*="icon-folder"],
.tasty-recipes img[src*="icon-flag"],
.tasty-recipes img[src*="icon-squares"],
.tasty-recipes img[src*="icon-cutlery"],
.tasty-recipes img[src*="icon-print"],
.tasty-recipes img[src*="homesmad.com"],
.tasty-recipes-footer-content > img {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* ── Print Recipe button — SVG printer icon via CSS ─────── */
a.tasty-recipes-print-button,
.tasty-recipes-entry-content .tasty-recipes-buttons a.tasty-recipes-print-button {
  background: var(--rc-accent) !important;
  color: #fff !important;
  border-color: var(--rc-accent) !important;
  padding: 10px 18px 10px 40px !important;
  position: relative !important;
  min-width: 130px !important;
  display: inline-flex !important;
  align-items: center !important;
}

a.tasty-recipes-print-button::before,
.tasty-recipes-entry-content .tasty-recipes-buttons a.tasty-recipes-print-button::before {
  content: '' !important;
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 17px !important;
  height: 17px !important;
  /* Printer icon SVG — white fill */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* ── Tasty Recipes buttons wrapper layout ────────────────── */
.tasty-recipes-entry-content .tasty-recipes-buttons {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 20px 32px !important;
  margin: 0 !important;
}

.tasty-recipes-entry-content .tasty-recipes-button-wrap {
  width: auto !important;
  float: none !important;
  display: block !important;
}

.tasty-recipes-entry-content .tasty-recipes-buttons p {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Detail meta icons — emoji replacements ──────────────── */
/* Since the broken imgs are hidden/removed, we add
   emoji icons before each label via CSS */
.tasty-recipes-other-details .prep-time .tasty-recipes-label::before  { content: '⏱ '; }
.tasty-recipes-other-details .cook-time .tasty-recipes-label::before  { content: '🔥 '; }
.tasty-recipes-other-details .total-time .tasty-recipes-label::before { content: '⏱ '; }
.tasty-recipes-other-details .category .tasty-recipes-label::before   { content: '📂 '; }
.tasty-recipes-other-details .method .tasty-recipes-label::before     { content: '🍳 '; }
.tasty-recipes-other-details .cuisine .tasty-recipes-label::before    { content: '🌍 '; }

/* Header details icons (Total Time, Yield, Author) */
.tasty-recipes-entry-header .total-time .tasty-recipes-label::before { content: '⏱ '; }
.tasty-recipes-entry-header .yield .tasty-recipes-label::before      { content: '🍽 '; }
.tasty-recipes-entry-header .author .tasty-recipes-label::before     { content: '👤 '; }

/* ── Footer — Pinterest icon via CSS ::before ────────────── */
.tasty-recipes-footer-content {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 !important;
}

.tasty-recipes-footer-content::before {
  content: '' !important;
  display: inline-block !important;
  width: 34px !important;
  height: 34px !important;
  flex-shrink: 0 !important;
  /* Pinterest P logo — white */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.099.12.114.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  opacity: .85 !important;
}

/* Responsive */
@media (max-width: 600px) {
  .tasty-recipes-entry-content .tasty-recipes-buttons { padding: 16px 20px !important; }
}


/* ════════════════════════════════════════════════════════════
   SECTION 6 — DUPLICATE BUTTON FIXES + PRINT STYLES
   ════════════════════════════════════════════════════════════ */

/* ── Hide the "above card" duplicate print button ─────────── */
a.tasty-recipes-print-button.tasty-recipes-print-above-card,
.tasty-recipes-print-button.tasty-recipes-print-above-card {
  display: none !important;
}

/* ── Hide any empty button-wrap divs left after JS cleanup ── */
.tasty-recipes-buttons .tasty-recipes-button-wrap:empty {
  display: none !important;
}

/* ── Ensure only ONE print button shows ──────────────────────
   If duplicates somehow persist, keep only first visible one */
.tasty-recipes-buttons .tasty-recipes-button-wrap
  + .tasty-recipes-button-wrap
  + .tasty-recipes-button-wrap {
  display: none !important;
}

/* ════════════════════════════════════════════════════════════
   SECTION 7 — BROWSER PRINT STYLES
   Applied when browser print dialog opens.
   Since we print via JS popup with only the card HTML,
   these styles make it look clean on paper.
   ════════════════════════════════════════════════════════════ */

@media print {

  /* Hide everything except the recipe card */
  body > *:not(.site):not(#page),
  #wpadminbar,
  nav.main-navigation,
  header.site-header,
  .site-footer,
  #right-sidebar,
  .widget-area,
  .post_related_posts,
  .gbp-section,
  .gb-element-0a10bdf7,
  .comments-area,
  .dynamic-entry-content > *:not(.tasty-recipes-wrapper):not(.tasty-recipes-quick-links + *),
  .tasty-recipes-quick-links,
  .tasty-recipes-entry-content .tasty-recipes-buttons,
  .tasty-recipes-entry-footer,
  .tasty-recipes-keywords,
  .tasty-recipes::before,
  .generate-back-to-top {
    display: none !important;
  }

  /* Clean card for print */
  .tasty-recipes,
  .tasty-recipes-wrapper {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    max-width: 100% !important;
    margin: 0 !important;
    page-break-inside: avoid;
  }

  /* Keep header dark background when printing */
  .tasty-recipes-entry-header {
    background: #273F4F !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Keep accent colors */
  .tasty-recipes-entry-content .tasty-recipes-ingredients ul li::before,
  .tasty-recipe-ingredients ul li::before {
    color: #E8533F !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .tasty-recipes-entry-content .tasty-recipes-instructions ol > li::before,
  .tasty-recipe-instructions ol > li::before {
    background: #E8533F !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Avoid page breaks in the middle of sections */
  .tasty-recipes-entry-content .tasty-recipes-ingredients,
  .tasty-recipes-entry-content .tasty-recipes-instructions {
    page-break-inside: avoid;
  }
}