/* Every Purpose Home single posts (Foodica 5.2.4 content-single.php + WPZOOM Recipe Card
   Blocks PRO, default skin). Loaded only on is_singular('post') by includes/single-post.php.
   Mobile-first: base rules are the phone layout.

   Foodica's Customizer CSS (#foodica-custom-css) and Additional CSS (#wp-custom-css) print
   after this file, so every rule starts with body.single-post to win on specificity.
   !important is used only against WPZOOM's own !important rules (inline <style> blocks from
   its settings); each such rule says so. */

body.single-post{
  --sage:#60695D; --sage-light:#AEB0A2; --copper:#8F4F32;
  --ink:#38413C; --white:#FAF9F7; --linen:#F4EEE7;
  /* Contrast (WCAG): copper #8F4F32 is 6.30:1 on white, 5.99:1 on warm white, 5.47:1 on linen;
     soft black is 10.56 / 10.03 / 9.16; deep sage 5.71 / 5.43 / 4.96. Supporting sage is for
     lines and borders only (2.09:1 on warm white). */
  --line:rgb(174 176 162 / .55); --line-soft:rgb(174 176 162 / .35);
  --serif:"Lora",Georgia,serif; --sans:"Source Sans 3",Arial,sans-serif;
  --radius:4px;
}

/* ---------- 1. Title ----------
   The title, dates, disclosure, share and Jump/Print buttons use the full content column.
   No text-wrap:balance and no max-width: balance split short titles into two even halves
   ("Sourdough Cookies / and Cream Cookies") with room to spare, and a 36em cap squeezed the
   disclosure into a narrow block. pretty broke centered lines early too, so plain wrapping is used. */
body.single-post .entry-header{margin:0 0 18px;text-align:center;max-width:none;width:auto}
body.single-post .entry-header h1.entry-title{
  font-family:var(--serif);font-weight:600;font-size:31px;line-height:1.15;letter-spacing:-.005em;
  color:var(--ink);text-align:center;text-wrap:wrap;margin:0 0 10px;max-width:none;
}

/* ---------- 2. Meta: "Published on … · Updated on …" and the affiliate disclosure ---------- */
body.single-post .entry-header .entry-meta{
  font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--sage);text-align:center;margin:0;
}
/* Phones: one date per line, no separator. Wider screens: one line with a dot between. */
body.single-post .entry-header .entry-meta > .entry-date{display:block}
/* Option B (Oct 13): dates and disclosure step back in sage so the title stands out. */
body.single-post .entry-header .entry-meta time{color:var(--sage);font-weight:400}
body.single-post .entry-header .entry-meta span + span::before{content:none}
body.single-post .entry-header .entry-meta .wpz_top_disclosure{
  display:block;max-width:none;margin:5px 0 0;font-size:12.5px;font-style:normal;line-height:1.5;color:var(--sage);text-wrap:wrap;
}
body.single-post .entry-header .entry-meta .wpz_top_disclosure::before{content:none}
body.single-post .entry-header .entry-meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--sage-light);text-decoration-thickness:2px;text-underline-offset:3px}
body.single-post .entry-header .entry-meta a:is(:hover,:focus-visible){text-decoration-color:var(--sage)}
/* Phones with both dates: one line, "Published Aug… · Updated Oct…" (the "on" is dropped). */
@media (max-width:639px){
  body.single-post .entry-header .entry-meta:has(> .entry-date + .entry-date){font-size:13px}
  body.single-post .entry-header .entry-meta:has(> .entry-date + .entry-date) > .entry-date{display:inline-block;white-space:nowrap}
  body.single-post .entry-header .entry-meta:has(> .entry-date + .entry-date) .eph-on{display:none}
  body.single-post .entry-header .entry-meta > .entry-date + .entry-date::before{content:"·";color:var(--sage);font-size:15px;font-weight:700;margin:0 6px}
}

/* ---------- 3. Category list ----------
   Removed in PHP (Foodica option post_category off for this request). Backstop in case the
   module's option override is ever skipped: */
body.single-post .entry-header .entry-meta .entry-category{display:none}

/* ---------- 4. Foodica share buttons (Tweet, Share, Pin It, Print), before and after content ---------- */
/* Top area tightened Oct 13 (Marlene): smaller gaps between title, dates, disclosure, share and buttons. */
body.single-post .share{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 0 26px;margin:0}
body.single-post article > .share{padding-bottom:14px}
body.single-post .share > .clear{display:none}
body.single-post .share a,
body.single-post .share a.twitter,body.single-post .share a.facebook,
body.single-post .share a.pinterest,body.single-post .share a.print,body.single-post .share a.yummly{
  display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0;padding:6px 14px;
  font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1;
  color:var(--ink);background:transparent;border:1px solid var(--sage-light);border-radius:999px;
  text-decoration:none;box-shadow:none;transition:background-color .15s ease,border-color .15s ease;
}
body.single-post .share a:is(:hover,:focus-visible){background:var(--linen);border-color:var(--sage);color:var(--ink)}
/* Foodica turns the Pin It pill Pinterest red on hover (and a phone tap counts as hover). */
body.single-post .share a:is(.twitter,.facebook,.pinterest,.print,.yummly):is(:hover,:focus,:active){background:var(--linen);border-color:var(--sage);color:var(--ink)}
body.single-post .share a:focus-visible{outline:3px solid var(--copper);outline-offset:2px}
/* Replace Foodica's icon-font glyphs with small sage SVG icons (CSS masks). */
body.single-post .share a::before,body.single-post .share a:hover::before{
  /* !important: Foodica's ".single .share a.facebook:before" is more specific and drew its old
     icon-font glyph inside our icon, where it showed through on phones. */
  content:""!important;color:transparent!important;font-size:0!important;display:block;flex:none;width:15px;height:15px;margin:0;
  background-color:var(--sage);font-family:inherit;
  -webkit-mask:var(--eph-icon) center/contain no-repeat;mask:var(--eph-icon) center/contain no-repeat;
}
body.single-post .share a.twitter{--eph-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}
body.single-post .share a.facebook{--eph-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}
body.single-post .share a.pinterest{--eph-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z'/%3E%3C/svg%3E")}
body.single-post .share a.print{--eph-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v5h1a3 3 0 0 1 3 3v7h-4v5H6v-5H2v-7a3 3 0 0 1 3-3h1V2Zm2 2v3h8V4H8Zm0 11v5h8v-5H8Zm10-5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")}
body.single-post .share a.yummly{--eph-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}

/* ---------- 5. WPZOOM "Jump to Recipe" / "Print Recipe" (auto-added above the content) ---------- */
body.single-post .entry-content .wpzoom-recipe-card-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 24px}
/* Jump/Print above the share row (Oct 13): the share row copy sits under the buttons (single-post.php),
   and Foodica's original top row is hidden on those posts. */
body.single-post article:has(.entry-content .eph-share-top) > .share{display:none}
body.single-post .entry-content .wpzoom-recipe-card-buttons:has(+ .eph-share-top){margin-bottom:14px}
body.single-post .entry-content .share.eph-share-top{padding-bottom:28px}
/* Inside the post text area, keep the pills free of the body-link underline. */
body.single-post .entry-content .share.eph-share-top a{text-decoration:none!important;font-weight:600}
/* WPZOOM prints "background-color:#041728 !important" (Settings > auto-added buttons color)
   in an inline <style>; only !important can recolor these two buttons. */
body.single-post .entry-content .wpzoom-recipe-card-buttons a.wpzoom-recipe-snippet-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:11px 20px;
  font-family:var(--sans);font-size:16px;font-weight:700;letter-spacing:.01em;line-height:1.1;text-transform:none;
  text-decoration:none;border:2px solid var(--copper);border-radius:999px;box-shadow:none;
  color:var(--white);background-color:var(--copper) !important;transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
body.single-post .entry-content .wpzoom-recipe-card-buttons a.wpzoom-recipe-snippet-button svg{width:15px;height:15px;flex:none;fill:currentColor;margin:0}
body.single-post .entry-content .wpzoom-recipe-card-buttons a.wpzoom-recipe-snippet-button:is(:hover,:focus-visible){
  color:var(--white);background-color:#7A4229 !important;border-color:#7A4229;
}
body.single-post .entry-content .wpzoom-recipe-card-buttons a.wp-block-wpzoom-recipe-card-block-print-recipe{color:var(--copper);background-color:transparent !important}
body.single-post .entry-content .wpzoom-recipe-card-buttons a.wp-block-wpzoom-recipe-card-block-print-recipe:is(:hover,:focus-visible){color:var(--copper);background-color:var(--linen) !important;border-color:var(--copper)}
body.single-post .entry-content .wpzoom-recipe-card-buttons a.wpzoom-recipe-snippet-button:focus-visible{outline:3px solid var(--copper);outline-offset:3px}

/* ---------- 6. Body typography: one size for paragraphs, list items, quotes, and tables ---------- */
body.single-post .entry-content{font-family:var(--sans);font-size:18px;line-height:1.7;color:var(--ink)}
body.single-post .entry-content :is(p,li,dd,dt,td,th,blockquote,blockquote p){font-size:inherit;line-height:1.7;color:inherit}
body.single-post .entry-content p{margin:0 0 1.1em}
body.single-post .entry-content strong{font-weight:700}

/* Content lists only (block lists and plain lists), not plugin lists with their own classes. */
body.single-post .entry-content :is(ul,ol):where(.wp-block-list,:not([class])){margin:0 0 1.2em;padding-left:1.35em}
body.single-post .entry-content :is(ul,ol):where(.wp-block-list,:not([class])) > li{list-style-position:outside;margin:0 0 .45em;padding-left:.15em}
body.single-post .entry-content ul:where(.wp-block-list,:not([class])) > li{list-style-type:disc}
body.single-post .entry-content ol:where(.wp-block-list,:not([class])) > li{list-style-type:decimal}
body.single-post .entry-content :is(ul,ol):where(.wp-block-list,:not([class])) > li::marker{color:var(--copper);font-weight:700}
body.single-post .entry-content li :is(ul,ol){margin:.45em 0 0}

/* In-content headings: Lora. H2 and H3 copper (6.30:1 on white, 5.99:1 on warm white);
   everything else soft black. Natural wrapping across the full column (no balance). */
body.single-post .entry-content :is(h2,h3,h4):not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){
  font-family:var(--serif);color:var(--ink);text-wrap:wrap;max-width:none;letter-spacing:0;text-transform:none;
}
body.single-post .entry-content :is(h2,h3):not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){color:var(--copper)}
body.single-post .entry-content h2:not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){font-size:26px;font-weight:600;line-height:1.25;margin:1.6em 0 .55em}
body.single-post .entry-content h3:not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){font-size:21px;font-weight:600;line-height:1.3;margin:1.4em 0 .5em}
body.single-post .entry-content h4:not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){font-size:19px;font-weight:600;line-height:1.35;margin:1.3em 0 .45em}

/* Links (Oct 12): the same dark text as the words around them, with a light sage underline that
   turns deep sage on hover. Buttons keep their own styles. The recipe card has its own
   link style (section 7), so it is left out here. */
body.single-post .entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.wpz-sc-button):not(.wpzoom-recipe-snippet-button):not([class*="btn-"]):not(.wp-block-wpzoom-recipe-card-block-recipe-card a):not(.eph-hp a),
body.single-post .entry-content p:not(.has-link-color) a:not(.wp-element-button):not(.wpz-sc-button):not(.wp-block-wpzoom-recipe-card-block-recipe-card a):not(.eph-hp a){
  font-weight:inherit;color:inherit;text-decoration:underline;text-decoration-color:var(--sage-light);text-decoration-thickness:2px;text-underline-offset:3px;
}
body.single-post .entry-content a:not(.wp-element-button):not(.wp-block-button__link):not(.wpz-sc-button):not(.wpzoom-recipe-snippet-button):not([class*="btn-"]):not(.wp-block-wpzoom-recipe-card-block-recipe-card a):not(.eph-hp a):hover,
body.single-post .entry-content p:not(.has-link-color) a:not(.wp-element-button):not(.wpz-sc-button):not(.wp-block-wpzoom-recipe-card-block-recipe-card a):not(.eph-hp a):hover{color:inherit;text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:2px}

/* Quotes */
body.single-post .entry-content blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border:0;border-left:3px solid var(--sage-light);font-style:normal;color:var(--ink)}
body.single-post .entry-content blockquote p:last-child{margin-bottom:0}
body.single-post .entry-content blockquote cite{display:block;margin-top:.4em;font-size:15px;font-style:normal;color:var(--sage)}

/* Tables */
body.single-post .entry-content table{border-collapse:collapse;width:100%}
body.single-post .entry-content :is(td,th){padding:8px 10px;border:1px solid var(--linen);text-align:left;vertical-align:top}
body.single-post .entry-content th{font-weight:700;background:var(--linen)}

/* Images: soft 4px corners. Captions stay smaller, as captions. */
body.single-post .entry-content :is(.wp-block-image,figure:not(.wp-block-embed)) img,
body.single-post .entry-content img:is(.alignnone,.aligncenter,.alignleft,.alignright,[class*="wp-image-"]){border-radius:var(--radius)}
body.single-post .entry-content figcaption{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--sage);text-align:center;margin-top:-10px}

@media (min-width:640px){
  body.single-post .entry-header h1.entry-title{font-size:38px}
  body.single-post .entry-header .entry-meta{font-size:15px}
  body.single-post .entry-header .entry-meta > .entry-date{display:inline-block;white-space:nowrap}
  /* Replaces Foodica's " ● " between the date spans with a small sage dot. */
  body.single-post .entry-header .entry-meta > .entry-date + .entry-date::before{content:"·";color:var(--sage);opacity:1;font-size:16px;font-weight:700;margin:0 8px;vertical-align:baseline}
}
@media (min-width:768px){
  body.single-post .entry-content{font-size:19px}
  body.single-post .entry-content h2:not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){font-size:30px}
  body.single-post .entry-content h3:not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){font-size:24px}
  body.single-post .entry-content h4:not([class*="recipe"]):not([class*="-title"]):not(.eph-hp *){font-size:20px}
}
@media (min-width:1024px){
  body.single-post .entry-header{margin-bottom:28px}
  body.single-post .entry-header h1.entry-title{font-size:40px;line-height:1.15}
}

/* Comments and the comment form (Oct 13): site palette instead of Foodica's grays and old sage.
   Headings use the site's spaced copper capitals; no rule under the comment count. */
body.single-post #comments,body.single-post #respond{font-family:var(--sans);color:var(--ink)}
body.single-post #comments > h3,body.single-post #respond > h3#reply-title{
  font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:.11em;text-transform:uppercase;line-height:1.3;
  color:var(--copper);text-align:center;border:0;padding:0;margin:56px 0 26px}
body.single-post #respond > h3#reply-title{margin-top:48px;margin-bottom:12px}
body.single-post #respond > h3#reply-title small a{font-size:13px;letter-spacing:.06em;color:var(--sage);margin-left:8px}
body.single-post .commentlist .comment{border-bottom:1px solid rgb(174 176 162 / .5)}
body.single-post .comment-author .comment-meta{font-style:normal;font-size:13px;color:var(--sage)}
body.single-post .comment-author .comment-meta a{color:var(--sage);text-decoration:none}
body.single-post .comment-author .comment-meta a.comment-reply-link{color:var(--copper);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.single-post .comment-author .comment-meta a:is(:hover,:focus-visible){color:var(--ink)}
body.single-post #respond .comment-notes{font-style:normal;color:var(--sage);font-size:15px;text-align:center;margin-bottom:24px}
body.single-post #respond .comment-notes .required,body.single-post #respond .form_fields p .required_lab{color:var(--copper)}
body.single-post #respond label,body.single-post #respond .wpzoom-rcb-comment-rating-form > label{
  font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
body.single-post #respond :is(input[type=text],input[type=email],input[type=url],textarea){
  font-family:var(--sans);font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--sage-light);border-radius:10px;padding:10px 12px;box-shadow:none}
body.single-post #respond :is(input[type=text],input[type=email],input[type=url],textarea):focus{border-color:var(--sage);outline:3px solid rgb(174 176 162 / .35);outline-offset:0}
body.single-post #respond :is(.comment-form-cookies-consent,.comment-subscription-form) label{
  font-weight:400;font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink)}
body.single-post #respond input[type=checkbox]{accent-color:var(--copper)}
body.single-post #respond :is(#submit,input[type=submit]){
  display:inline-flex;align-items:center;min-height:46px;padding:10px 26px;margin-top:14px;border:0;border-radius:999px;
  background:var(--copper);color:var(--white);font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
body.single-post #respond :is(#submit,input[type=submit]):is(:hover,:focus-visible){background:var(--ink);color:var(--white)}
body.single-post :is(#comments,#respond) .akismet_comment_form_privacy_notice{font-size:13px;color:var(--sage)}
body.single-post :is(#comments,#respond) .akismet_comment_form_privacy_notice a{color:inherit;text-decoration:underline;text-decoration-color:var(--sage-light);text-decoration-thickness:2px;text-underline-offset:3px}
/* Comment form spacing (Oct 13, Marlene: far too much space on phones). Fields stack full width
   with 14px between them; the asterisk moves next to the label; checkboxes sit beside their text. */
body.single-post #respond{margin-bottom:40px}
body.single-post #respond .comment-notes{margin-bottom:16px}
body.single-post #respond form p,body.single-post #respond .wpzoom-rcb-comment-rating-form{margin:0 0 14px}
body.single-post #respond .form_fields p{width:100%;padding:0;float:none}
body.single-post #respond label,body.single-post #respond .wpzoom-rcb-comment-rating-form > label{display:block;margin:0 0 4px}
body.single-post #respond :is(input[type=text],input[type=email],input[type=url],textarea){width:100%;margin:0}
body.single-post #respond textarea{height:120px}
body.single-post #respond .form_fields p .required_lab{display:none}
body.single-post #respond :is(.comment-form-author,.comment-form-email) label::after{content:" *";color:var(--copper)}
body.single-post #respond :is(.comment-form-cookies-consent,.comment-subscription-form){display:flex;align-items:flex-start;gap:8px;margin:0 0 8px}
body.single-post #respond :is(.comment-form-cookies-consent,.comment-subscription-form) input[type=checkbox]{flex:none;margin:4px 0 0}
body.single-post #respond :is(.comment-form-cookies-consent,.comment-subscription-form) label{display:inline;margin:0;line-height:1.45}
body.single-post #respond .form-submit{margin:14px 0 0}
body.single-post #respond :is(#submit,input[type=submit]){margin:0}
body.single-post :is(#comments,#respond) .akismet_comment_form_privacy_notice{margin-top:12px}
/* Rating stars in the form: soft sage outlines, copper once chosen (the list already shows copper). */
body.single-post #respond .wpzoom-rcb-comment-rating-stars .wpz-empty-star :is(svg,path){color:var(--sage-light);fill:var(--sage-light)}

/* ---------- 7. WPZOOM Recipe Card (default skin) ----------
   Calm, cook-from-it layout in the site palette: warm-white card with a fine sage outline
   (no colored bar on top), Lora headings in copper, body-size Source Sans for ingredients and
   steps, a linen ingredients panel, copper accents for the few interactive things.
   Hierarchy: photo, title, rating, summary, times, equipment (one line), ingredients,
   directions, notes, nutrition (small, collapsible), Pinterest line.
   WPZOOM prints its color settings as inline <style> with !important; the few !important
   rules below answer those and say so. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default{
  /* !important: WPZOOM's card background/text color settings print with !important. */
  background-color:var(--white) !important;color:var(--ink) !important;
  font-family:var(--sans);font-size:18px;line-height:1.65;
  max-width:none;margin:40px 0;padding:0 18px 22px;
  border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgb(56 65 60 / .05);overflow:hidden;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(p,li,span,a,summary,label,button){font-family:var(--sans)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(h2,h3,p,li){text-wrap:wrap;max-width:none}

/* Photo, full width at the top of the card, with Pin and Print pills over its lower edge. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image{margin:0 -18px 20px;float:none;width:auto;max-width:none;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image figure{margin:0;position:relative}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image figure img,
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image figure::before{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image figcaption{display:flex;gap:8px;justify-content:flex-end;position:absolute;right:12px;bottom:12px;left:auto;margin:0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image figcaption > div{position:static;margin:0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image :is(.btn-pinit-link,.btn-print-link,.btn-save-link){
  display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0;padding:7px 14px;border-radius:999px;
  font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1;text-decoration:none;
  color:var(--copper);background-color:var(--white);border:1px solid rgb(250 249 247 / .9);box-shadow:0 1px 4px rgb(56 65 60 / .2);
  transition:background-color .15s ease,color .15s ease;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image .btn-print-link{color:var(--white);background-color:var(--copper);border-color:var(--copper)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image :is(.btn-pinit-link,.btn-save-link):is(:hover,:focus-visible){background-color:var(--linen);color:var(--copper)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image .btn-print-link:is(:hover,:focus-visible){background-color:#7A4229;border-color:#7A4229;color:var(--white)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image :is(.btn-pinit-link,.btn-print-link,.btn-save-link):focus-visible{outline:3px solid var(--white);outline-offset:2px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image :is(.btn-pinit-link,.btn-print-link,.btn-save-link) :is(svg,path,rect){fill:currentColor;width:15px;height:15px;margin:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image :is(.btn-pinit-link,.btn-print-link,.btn-save-link) span{font-size:14px;color:inherit}

/* Title, author, rating, summary */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-heading{margin:0;padding:0;text-align:left}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-heading .recipe-card-title{
  /* !important: WPZOOM's "Recipe title color" setting prints with !important. */
  font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.2;letter-spacing:-.005em;color:var(--ink) !important;margin:0 0 8px;padding:0;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-heading .recipe-sub-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 14px;padding:0;border:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-heading .recipe-card-author{font-size:15px;font-weight:600;line-height:1.4;color:var(--sage);margin:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-rating-stars-container{display:inline-flex;align-items:center;gap:8px;margin:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-rating-stars-average{font-size:14px;color:var(--sage)}
/* Stars: copper (5.99:1 on warm white), empty stars supporting sage. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card ul.wpzoom-rating-stars > li.wpz-star-icon,
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card ul.wpzoom-rating-stars:hover > li,
body.single-post ul.wpzoom-rating-stars > li.wpz-star-icon{color:var(--copper)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card ul.wpzoom-rating-stars > li.wpz-empty-star{color:var(--sage-light)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-summary{
  /* !important: the skin sets margin-bottom:20px !important. */
  font-size:18px;line-height:1.65;color:var(--ink);margin:0 0 20px !important;
}
/* Phones: the description is 16px (Marlene, Oct 12) so the card is shorter; ingredients and steps stay 18px. */
@media (max-width:767px){
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-summary{font-size:16px;line-height:1.55}
}

/* Times and servings: one quiet linen strip; small sage labels over Lora values. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-details{margin:0 0 6px;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:6px 4px;
  background:var(--linen);border:0;border-radius:8px;overflow:hidden;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;
  width:auto;min-width:0;margin:0;padding:10px 12px;border:0;background:none;text-align:left;float:none;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-icon{display:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-label{
  display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);line-height:1.3;margin:0;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-label .eph-serving-unit{font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-label .current-serving-count{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:0;color:var(--ink) !important;opacity:1;margin-left:2px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-value:not(.only-print-visible):not(.adjustable-quantity-toggles){display:inline;font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.25;color:var(--ink);margin:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-unit{display:inline;font-size:15px;line-height:1.3;color:var(--ink);margin:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles){grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles) .detail-item-label{grid-column:1 / -1}
/* Servings: the live count sits in the label (WPZOOM and eph-single.js keep it current). */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles) .detail-item-unit{grid-column:2;grid-row:2;justify-self:start}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item .adjustable-quantity-toggles{grid-column:1;grid-row:2;display:block;margin:4px 0 0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item .adjustable-quantity-toggles .serving-multiplier-toggles{display:inline-flex;gap:2px;padding:3px;margin:0;background:var(--white);border:1px solid var(--line);border-radius:999px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item .adjustable-quantity-toggles .serving-multiplier-toggles .serving-toggle{
  min-width:44px;min-height:34px;margin:0;padding:4px 10px;border:0;border-radius:999px;box-shadow:none;
  font-size:15px;font-weight:700;line-height:1;color:var(--copper);background:transparent;cursor:pointer;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item .adjustable-quantity-toggles .serving-multiplier-toggles .serving-toggle:hover{background:var(--linen);color:var(--copper)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item .adjustable-quantity-toggles .serving-multiplier-toggles .serving-toggle.active{background:var(--copper);color:var(--white)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item .adjustable-quantity-toggles .serving-multiplier-toggles .serving-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:2px}

/* Bake Mode: one compact line. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:14px 0 18px;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container .switch{margin:0;flex:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container .slider{background-color:var(--linen);box-shadow:inset 0 0 0 1px var(--line)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container .slider::before{background-color:var(--sage)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container input:checked + .slider{background-color:var(--copper);box-shadow:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container input:checked + .slider::before{background-color:var(--white)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container .wpzoom-nosleep-label{font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink);margin:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .wpzoom-nosleep-toggle-container .recipe-card-no-sleep{margin:0;font-size:14px;font-style:normal;line-height:1.4;color:var(--sage)}

/* Section headings: Lora, copper (5.99:1 on warm white, 5.47:1 on linen), no rules. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(.ingredients-title,.directions-title,.video-title,.notes-title){
  /* !important: WPZOOM's "Section headings color" setting prints with !important. */
  font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.25;letter-spacing:0;text-transform:none;
  color:var(--copper) !important;margin:0 0 14px;padding:0;position:static;background:none;border:0;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(.ingredients-title,.directions-title,.equipment-title,.video-title,.notes-title,.nutrition-title):not(summary)::after{content:none;display:none}

/* Recommended Equipment: one wrapping row of small pill links under a small caps label.
   The "For Best Accuracy:" style descriptions are hidden to keep this to a line or two. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-equipment{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 22px;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-equipment .equipment-title{
  /* !important: margin (blocks.style.build.css) and color (settings) are !important there. */
  flex:none;margin:0 2px 0 0 !important;padding:0;font-family:var(--sans);font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--sage) !important;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-equipment .equipment-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;grid-template-columns:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-equipment .equipment-list .equipment-item{display:block;width:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;list-style:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-equipment .equipment-list .equipment-item .equipment-item-content{display:block;margin:0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-equipment .equipment-list .equipment-item :is(.equipment-item-name,.equipment-item-image,img){display:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-equipment .equipment-list .equipment-item .equipment-item-link{
  /* !important: WPZOOM's "Links color" setting prints with !important. */
  display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);
  font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.2;color:var(--copper) !important;text-decoration:none;text-align:left;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-equipment .equipment-list .equipment-item .equipment-item-link:is(:hover,:focus-visible){background:var(--linen);border-color:var(--sage-light);text-decoration:underline;text-underline-offset:3px}

/* Ingredients: linen panel, body-size text, copper check circles. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-ingredients{background-color:var(--linen);border-radius:8px;margin:0 0 28px;padding:18px 16px 8px;color:var(--ink) !important}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-ingredients .ingredients-title{display:inline-block;margin-right:12px}
/* US/Metric switch: only useful when the card has structured alternate amounts; hidden otherwise. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-ingredients:not(:has(.wpzoom-rcb-ingredient-alt-amount)) .ingredient-unit-selector{display:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list{--rcb-ticked-color:var(--copper);margin:0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li{
  /* !important: WPZOOM's "Ingredients text color" setting prints with !important. */
  display:flex;align-items:flex-start;flex-wrap:nowrap;gap:12px;
  color:var(--ink) !important;font-size:18px;line-height:1.6;margin:0;padding:10px 0;border:0;border-bottom:1px solid var(--line-soft);cursor:pointer;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li:last-child{border-bottom:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li .ingredient-item-name{flex:1 1 auto;min-width:0;max-width:none;width:auto;font-size:inherit;line-height:inherit;margin:0;padding:0;color:inherit}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li .ingredient-item-name strong{font-weight:600}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li .tick-circle{
  position:relative;flex:none;width:22px;height:22px;margin:3px 0 0;border:1.5px solid var(--sage);border-radius:50%;background:var(--white);box-shadow:none;transition:background-color .15s ease,border-color .15s ease;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.ticked .tick-circle{
  /* !important: the skin sets this border with !important. */
  border:1.5px solid var(--copper) !important;background:var(--copper);box-shadow:none;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.ticked .tick-circle::after{
  content:"";position:absolute;left:6px;top:2.5px;width:6px;height:11px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg);
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.ticked .ingredient-item-name{opacity:.6;text-decoration:line-through;text-decoration-color:var(--sage-light);text-decoration-thickness:1.5px}
/* Ingredient group subheadings ("For the Cookie Dough"): small copper caps. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.ingredient-item-group{display:block;padding:18px 0 4px;border-bottom:0;cursor:default}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.ingredient-item-group:first-child{padding-top:2px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.ingredient-item-group :is(.ingredient-item-group-title,strong){display:block;margin:0;font-family:var(--sans);font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
/* Scaled amounts (assets/eph-single.js). */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .eph-scale-note{margin:0 0 6px;padding:8px 12px;border-radius:6px;background:var(--white);font-size:14px;line-height:1.45;color:var(--sage)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list > li.eph-as-written .ingredient-item-name::after{
  content:"as written";display:inline-block;margin-left:8px;padding:0 6px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;color:var(--sage);vertical-align:2px;
}

/* Directions: copper outline numbers, body-size steps. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-directions{margin:0 0 6px;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list{margin:0;padding:0;counter-reset:count}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list > li{
  /* !important: color comes from WPZOOM settings (!important); padding-left is
     !important on phones in blocks.style.build.css. */
  position:relative;color:var(--ink) !important;font-size:18px;line-height:1.65;margin:0 0 18px;padding:0 0 0 44px !important;list-style:none;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list > li:not(.direction-step-group)::before{
  content:counter(count);counter-increment:count;position:absolute;left:0;top:1px;width:28px;height:28px;box-sizing:border-box;margin:0;border-radius:50%;
  border:1.5px solid var(--copper);background:transparent;
  font-family:var(--sans);font-size:14px;font-weight:700;line-height:25px;text-align:center;color:var(--copper);
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list > li.direction-step-group{padding-left:0 !important;margin:22px 0 10px;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:var(--copper) !important}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list > li.direction-step-group::before{content:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list > li .direction-step-text{font-size:inherit}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .directions-list > li strong{font-weight:700;color:var(--ink)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .direction-step img{border-radius:var(--radius);margin-top:10px}

/* Notes: one linen panel, no badge. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-notes{margin:24px 0 0;padding:22px 0 0;border-top:1px solid var(--line-soft)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-notes .recipe-card-notes-list{margin:0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-notes .recipe-card-notes-list > li,
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-notes > ul > li{
  /* !important: WPZOOM's "Notes text color" setting prints with !important. */
  position:relative;list-style:none;color:var(--ink) !important;background-color:var(--linen);font-size:17px;line-height:1.65;border-radius:8px;margin:0 0 10px;padding:16px 18px;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-notes .recipe-card-notes-list > li::before{content:none;display:none}

/* Nutrition: small and low-key. <details> from includes/recipe-card.php: closed on phones,
   opened on wider screens by eph-single.js. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition{margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line-soft);background:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition details{margin:0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-nutrition .nutrition-title{
  /* !important: WPZOOM's "Section headings color" setting prints with !important. */
  display:flex;align-items:center;gap:8px;margin:0;padding:4px 0;cursor:pointer;list-style:none;
  font-family:var(--sans);font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--sage) !important;background:none;border:0;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition summary::-webkit-details-marker{display:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition summary::after{
  content:"";flex:none;width:7px;height:7px;margin:0 0 3px 2px;border:solid var(--sage);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s ease;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition details[open] > summary::after{transform:rotate(-135deg);margin-bottom:-2px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition summary:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:2px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition .recipe-card-nutrition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:8px 0 0;padding:0}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition .recipe-card-nutrition-list > li{
  display:flex;justify-content:space-between;align-items:baseline;gap:8px;list-style:none;margin:0;padding:4px 0;
  font-size:14px;line-height:1.4;color:var(--ink);border-bottom:1px solid var(--line-soft);width:auto;float:none;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition .recipe-card-nutrition-list > li strong{font-weight:400;color:var(--sage)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition .recipe-card-nutrition-list > li .wpzoon-rcb-nutrition-value{float:none;margin:0;opacity:1;white-space:nowrap;font-weight:600}

/* Links inside the card: copper, no underline until hover or keyboard focus.
   !important: WPZOOM's "Links color" setting prints color with !important. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(.recipe-card-summary,.recipe-card-ingredients,.recipe-card-directions,.recipe-card-notes,.recipe-card-nutrition) a:not([class*="btn-"]){
  color:inherit !important;font-weight:inherit;text-decoration:underline;text-decoration-color:var(--sage-light);text-decoration-thickness:2px;text-underline-offset:3px;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(.recipe-card-summary,.recipe-card-ingredients,.recipe-card-directions,.recipe-card-notes,.recipe-card-nutrition) a:not([class*="btn-"]):is(:hover,:focus-visible){
  text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:2px;text-underline-offset:3px;
}
/* Ingredient links (option E): the same dark text as unlinked ingredients, with a soft sage
   underline so they still read as tappable; deep sage underline on hover. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-ingredients a:not([class*="btn-"]){
  color:var(--ink) !important;text-decoration:underline;text-decoration-color:var(--sage-light);text-decoration-thickness:2px;text-underline-offset:3px;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-ingredients a:not([class*="btn-"]):is(:hover,:focus-visible){
  text-decoration-color:var(--sage);text-decoration-thickness:2px;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default a:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:2px}

/* Pinterest: one quiet line at the foot of the card (markup from includes/recipe-card.php). */
/* Times and calories on one row at every width: label above, "1 hr 30 min" on a single line.
   Units are always short (hr, min); labels are short on phones only ("Prep", "Bake"). The spans
   come from eph_rc_short_details() in recipe-card.php. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .details-items .detail-item-label .eph-short,
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .details-items .detail-item-unit .eph-long{display:none}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:not(:has(.serving-multiplier-toggles)){display:block;padding:8px 8px;white-space:nowrap}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:not(:has(.serving-multiplier-toggles)) .detail-item-label{margin-bottom:2px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:not(:has(.serving-multiplier-toggles)) .detail-item-value:not(.only-print-visible):not(.adjustable-quantity-toggles){font-size:18px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:not(:has(.serving-multiplier-toggles)) .detail-item-unit{font-size:14px;margin-left:3px}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:not(:has(.serving-multiplier-toggles)) .detail-item-unit + .detail-item-value{margin-left:4px}
@media (max-width:767px){
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .details-items .detail-item-label .eph-long{display:none}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .details-items .detail-item-label .eph-short{display:inline}
  /* Servings and the 1/2x 1x 2x buttons share one line: count (and unit) left, buttons right. */
  /* "SERVINGS:" above "16 large cookies", buttons to the right. */
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-label .current-serving-count{margin-left:0}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item .detail-item-label .current-serving-count::before{content:"";display:block;height:2px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles){grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles) .detail-item-label{grid-column:1;grid-row:1;align-self:center}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles) .detail-item-unit{grid-column:1;grid-row:2;justify-self:start}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-details .details-items .detail-item:has(.serving-multiplier-toggles) .adjustable-quantity-toggles{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0}
}
@media (min-width:768px){
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:not(:has(.serving-multiplier-toggles)){padding:4px 12px}
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-ctas{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line-soft)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-cta.eph-pin-cta{display:block;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:center}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-cta.eph-pin-cta .eph-pin-cta-link{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:6px 4px;
  font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.4;color:var(--copper);text-decoration:none;text-align:left;
}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-cta.eph-pin-cta .eph-pin-cta-icon{flex:none;width:20px;height:20px;color:var(--sage)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-cta.eph-pin-cta .eph-pin-cta-link:is(:hover,:focus-visible) span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles){border-bottom:1px solid var(--line-soft);margin:0 8px;padding:8px 4px 12px}
@media (min-width:768px){
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default{padding:0 36px 30px;font-size:19px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image{margin:0 -36px 26px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-heading .recipe-card-title{font-size:32px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-summary{font-size:19px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(.ingredients-title,.directions-title,.video-title,.notes-title){font-size:25px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-ingredients{padding:24px 26px 12px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default :is(.ingredients-list,.directions-list) > li{font-size:19px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-notes .recipe-card-notes-list > li{font-size:18px;padding:18px 22px}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-nutrition .recipe-card-nutrition-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* Wide cards: servings and the three times on one row. */
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:start}
  body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .details-items .detail-item:has(.serving-multiplier-toggles){grid-column:auto;border-bottom:0;border-right:1px solid var(--line-soft);margin:6px 0;padding:4px 16px 4px 12px}
}

/* Print: WPZOOM prints the card from its own print page; keep the article print clean. */
@media print{
  body.single-post .entry-content .wpzoom-recipe-card-buttons{display:none}
}

/* One print button: on recipe posts the recipe card's Print Recipe button replaces the share-row Print. */
body.single-post:has(.wp-block-wpzoom-recipe-card-block-recipe-card) .share a.print{display:none}

/* Pin and Print on the photo at their original size and colors, each with a hairline reverse border
   (copper button, warm-white border; warm-white button, copper border) so they separate from
   any photo, light or dark. */
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image .btn-print-link{border:1px solid rgb(250 249 247 / .75)}
body.single-post .wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image .btn-pinit-link{border:1px solid rgb(143 79 50 / .55)}

/* Sign-off at the end of every post (homepage Sign-Off widget): stays in the post column. */
body.single-post .eph-post-signoff .eph-hp.signoff-section{width:auto;max-width:100%;margin:28px 0 0;padding:6px 0 4px;background:transparent}
body.single-post .eph-post-signoff .eph-hp.signoff-section > .wrap{width:100%;max-width:none;margin:0}
body.single-post .entry-content .eph-post-signoff .signoff p{margin:0;color:var(--ink);font-family:var(--script);font-weight:600;font-size:28px;line-height:1.1}
body.single-post .entry-content .eph-post-signoff img.signature{display:block;width:170px;height:auto;margin:4px auto 0;border-radius:0}
@media (min-width:768px){
  body.single-post .entry-content .eph-post-signoff .signoff p{font-size:32px}
  body.single-post .entry-content .eph-post-signoff img.signature{width:190px}
}

/* Comments: names in the normal text color; Marlene's replies (post author) in slate as the one
   accent; comment star ratings in copper to match the recipe card. */
body.single-post #comments .comment-author .fn,
body.single-post #comments .comment-author .fn a{color:var(--ink)}
body.single-post #comments li.bypostauthor > div > .comment-main .comment-author .fn,
body.single-post #comments li.bypostauthor > div > .comment-main .comment-author .fn a{color:#51646E}
body.single-post #comments :is(.wpz-full-star,.wpz-half-star,[class*="star-full"],[class*="star-partial"]),
body.single-post #comments :is(.wpz-full-star,.wpz-half-star,[class*="star-full"],[class*="star-partial"]) :is(svg,path){color:var(--copper) !important;fill:var(--copper) !important}


/* ---------- Breadcrumbs (Oct 13, Marlene): the category pages' sage style instead of Foodica's gray caps ----------
   Visual only: the HTML (and Yoast's BreadcrumbList schema, which keeps the post title as the
   last item) is unchanged. Yoast's "»" text separators are hidden (font-size:0 on the wrapper)
   and replaced with a small sage "›". Phones hide the last crumb (the post title, already right
   below in large type). Left aligned; long trails wrap normally (Marlene, Oct 13). */
body.single-post .wpz_breadcrumbs{font-family:var(--sans);font-size:0;line-height:1.5;text-transform:none;letter-spacing:normal;color:var(--sage);text-align:left;margin:0 0 12px}
body.single-post .wpz_breadcrumbs > span > span{font-size:13px}
body.single-post .wpz_breadcrumbs > span > span + span::before{content:"›";display:inline-block;margin:0 6px;font-size:15px;line-height:1;color:var(--sage-light)}
body.single-post .wpz_breadcrumbs a,body.single-post .wpz_breadcrumbs a:visited{color:var(--sage);text-decoration:underline;text-decoration-color:rgb(96 105 93 / .35);text-underline-offset:3px}
body.single-post .wpz_breadcrumbs a:hover{color:var(--copper);text-decoration-color:currentColor}
body.single-post .wpz_breadcrumbs .breadcrumb_last{color:var(--ink)}
@media (max-width:639px){
  body.single-post .wpz_breadcrumbs .breadcrumb_last{display:none}
  body.single-post .wpz_breadcrumbs > span > span{font-size:12.5px}
  body.single-post .wpz_breadcrumbs > span > span + span::before{margin:0 5px}
}