/*
Theme Name: Dancing Spoon
Theme URI: https://dancingspoon.net
Author: tenatenci
Description: A modern block theme for the Dancing Spoon food blog — cream and plum, Gloock headings, recipe cards built for WP Recipe Maker. Version header is the release version the pipeline tags and deploys.
Version: 0.10.3
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dancingspoon
Tags: blog, food, block-patterns, full-site-editing, wide-blocks, custom-colors, custom-logo
*/

/* ---------- base ---------- */
:root {
	--ds-radius: var(--wp--custom--radius--card, 6px);
	--ds-shadow: var(--wp--custom--shadow--card);
	--ds-ease: 220ms cubic-bezier(.2, .7, .2, 1);
}
html { scroll-behavior: smooth; }
img { height: auto; max-width: 100%; }
::selection { background: var(--wp--preset--color--oat); color: var(--wp--preset--color--contrast); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }

/* ---------- header ---------- */
.ds-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent); backdrop-filter: saturate(140%) blur(10px); -webkit-backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--wp--preset--color--border); }
.ds-header .wp-block-site-logo img { width: 72px; height: 72px; object-fit: contain; }
.ds-topbar { font-size: var(--wp--preset--font-size--x-small); letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.ds-header .wp-block-navigation a { padding: .35rem 0; }

/* ---------- cards ---------- */
.is-style-card, .ds-card { background: var(--wp--preset--color--surface); border-radius: var(--ds-radius); box-shadow: var(--ds-shadow); overflow: hidden; transition: transform var(--ds-ease), box-shadow var(--ds-ease); }
.ds-card:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(41,37,34,.08), 0 24px 48px -24px rgba(41,37,34,.35); }
.ds-card .wp-block-post-featured-image { margin: 0; }
.ds-card .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; display: block; border-radius: 0; transition: transform 600ms ease; }
.ds-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.ds-card .ds-card__body { padding: 1.25rem 1.4rem 1.5rem; }
.ds-card .wp-block-post-title { font-size: var(--wp--preset--font-size--large); margin: .35rem 0 .5rem; }
.ds-card .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* category pills */
.is-style-pill a, .ds-pill { display: inline-block; background: var(--wp--preset--color--sand); color: var(--wp--preset--color--primary) !important; border-radius: 999px; padding: .3rem .75rem; font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.is-style-pill a:hover, .ds-pill:hover { background: var(--wp--preset--color--oat); }
.is-style-pill .wp-block-post-terms__separator { display: none; }
.is-style-pill a + a { margin-left: .35rem; }

/* ---------- hero ---------- */
.ds-hero { border-radius: calc(var(--ds-radius) * 2); overflow: hidden; }
.ds-hero .wp-block-post-featured-image img { aspect-ratio: 16 / 11; object-fit: cover; width: 100%; display: block; }
.ds-hero__copy { padding: clamp(1.5rem, 4vw, 3.5rem); }
.ds-hero .wp-block-post-title { font-size: var(--wp--preset--font-size--xx-large); margin: .5rem 0 1rem; }
.ds-kicker { font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent); }

/* ---------- section titles ---------- */
.ds-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--wp--preset--color--border); padding-bottom: .75rem; margin-bottom: 1.75rem; }
.ds-section-head a { font-size: var(--wp--preset--font-size--x-small); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; font-weight: 600; }

/* ---------- category tiles ---------- */
.ds-tiles .wp-block-cover { border-radius: var(--ds-radius); overflow: hidden; min-height: 190px; }
.ds-tiles .wp-block-cover img { transition: transform 700ms ease; }
.ds-tiles .wp-block-cover:hover img { transform: scale(1.05); }
.ds-tiles .wp-block-cover .wp-block-heading { font-size: var(--wp--preset--font-size--large); }
.ds-tiles .wp-block-cover a { color: inherit; text-decoration: none; }

/* ---------- buttons ---------- */
.is-style-outline-pill .wp-block-button__link { background: transparent; color: var(--wp--preset--color--primary); border: 1.5px solid var(--wp--preset--color--primary); }
.is-style-outline-pill .wp-block-button__link:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); }

/* ---------- separator ---------- */
.is-style-spoon { border: 0; text-align: center; height: auto; background: none; }
.is-style-spoon::before { content: "✦ ✦ ✦"; color: var(--wp--preset--color--oat); letter-spacing: .6em; font-size: .8rem; }

/* ---------- single ---------- */
.ds-single-hero img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; border-radius: calc(var(--ds-radius) * 2); }
.ds-single-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; justify-content: center; align-items: center; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.ds-single-meta > * { margin: 0; }
.entry-content > * + * { margin-block-start: 1.25rem; }
.entry-content .wp-block-heading { margin-block-start: 2.25rem; }
.entry-content .wp-block-spacer { height: 1.25rem !important; }
.entry-content figure.wp-block-image img { border-radius: var(--ds-radius); }
.wprm-recipe-jump-container, .wprm-recipe-print-container { margin: 0 .35rem; }
.wprm-recipe-jump, .wprm-recipe-print { border-radius: 999px !important; padding: .7rem 1.3rem !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-size: .75rem !important; background: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--base) !important; border: 0 !important; text-decoration: none !important; }

/* ---------- WP Recipe Maker card in the theme's voice ---------- */
.wprm-recipe-container { background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--border); border-radius: calc(var(--ds-radius) * 2); padding: clamp(1.25rem, 3vw, 2.25rem) !important; margin: 2.5rem 0; }
.wprm-recipe-container .wprm-recipe-name, .wprm-recipe-container .wprm-recipe-header { font-family: var(--wp--preset--font-family--heading) !important; font-weight: 400 !important; color: var(--wp--preset--color--primary) !important; letter-spacing: -.01em; }
.wprm-recipe-container .wprm-recipe-name { font-size: var(--wp--preset--font-size--x-large) !important; }
.wprm-recipe-container .wprm-recipe-header { font-size: var(--wp--preset--font-size--large) !important; border-bottom: 1px solid var(--wp--preset--color--oat); padding-bottom: .35rem; }
.wprm-recipe-container .wprm-recipe-details-label, .wprm-recipe-container .wprm-recipe-details-unit { color: var(--wp--preset--color--muted) !important; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.wprm-recipe-container .wprm-recipe-details { color: var(--wp--preset--color--contrast); }
.wprm-recipe-container .wprm-recipe-image img { border-radius: var(--ds-radius); }
.wprm-recipe-container a, .wprm-recipe-container .wprm-recipe-link { color: var(--wp--preset--color--primary) !important; }
.wprm-recipe-container .wprm-recipe-ingredient, .wprm-recipe-container .wprm-recipe-instruction { line-height: 1.6; }
.wprm-recipe-container .wprm-recipe-instruction-text { margin-bottom: .35rem; }
.wprm-recipe-container .wprm-recipe-notes-container { background: var(--wp--preset--color--surface); border-radius: var(--ds-radius); padding: 1rem 1.25rem; }
.wprm-recipe-container .wprm-recipe-rating .wprm-rating-star-full polygon { fill: var(--wp--preset--color--accent) !important; }
.wprm-recipe-container .wprm-color-accent, .wprm-recipe-container .wprm-recipe-print-button, .wprm-recipe-container .wprm-recipe-pin-button { background: var(--wp--preset--color--primary) !important; border-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--base) !important; border-radius: 999px !important; }
.wprm-recipe-container .wprm-recipe-adjustable-servings input { border-radius: var(--ds-radius); border: 1px solid var(--wp--preset--color--border); }

/* ---------- archive / pagination ---------- */
.ds-archive-head { text-align: center; padding: 3rem 0 1rem; }
.ds-archive-head .wp-block-query-title { font-size: var(--wp--preset--font-size--xx-large); }
.wp-block-query-pagination { justify-content: center; margin-top: 2.5rem; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { text-decoration: none; padding: .4rem .8rem; border-radius: 999px; border: 1px solid var(--wp--preset--color--border); font-size: var(--wp--preset--font-size--small); }
.wp-block-query-pagination .current { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--primary); }

/* ---------- footer ---------- */
.ds-footer { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); }
.ds-footer a, .ds-footer .wp-block-heading { color: var(--wp--preset--color--base); }
.ds-footer .wp-block-heading { font-size: var(--wp--preset--font-size--large); }
.ds-footer .wp-block-categories-list { list-style: none; padding: 0; margin: 0; }
.ds-footer .wp-block-categories-list li { margin: .25rem 0; }
.ds-footer .wp-block-categories-list a { text-decoration: none; }
.ds-footer .wp-block-categories-list a:hover { text-decoration: underline; }
.ds-footer .wp-block-social-links .wp-social-link { background: color-mix(in srgb, var(--wp--preset--color--base) 15%, transparent); }
.ds-footer__legal { font-size: var(--wp--preset--font-size--x-small); letter-spacing: .08em; text-transform: uppercase; opacity: .75; }

/* ---------- comments ---------- */
.wp-block-comments .comment { border-top: 1px solid var(--wp--preset--color--border); padding-top: 1rem; }
.wp-block-post-comments-form .submit { border-radius: 999px; }

/* ---------- misc ---------- */
@media (max-width: 781px) { .ds-hero .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); } .ds-header .wp-block-site-logo img { width: 56px; height: 56px; } }
@media (prefers-reduced-motion: reduce) { .ds-card, .ds-card img, .ds-tiles img { transition: none !important; } }
@media print { .ds-header, .ds-footer, .wp-block-comments, .wp-block-post-comments-form { display: none !important; } }

/* ---------- 0.2.1 fixes ---------- */
.ds-hero .wp-block-read-more.wp-element-button, .ds-hero .wp-block-read-more.wp-element-button:hover { color: var(--wp--preset--color--base); display: inline-block; }
.ds-header .wp-block-search { max-width: 220px; }
.ds-header .wp-block-search__inside-wrapper { padding: 2px 2px 2px 6px; }
.ds-header .wp-block-search__input { font-size: var(--wp--preset--font-size--small); min-width: 0; }
.ds-header .wp-block-search__button { padding: .55rem .9rem; }
@media (max-width: 600px) {
	.ds-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.ds-tiles .wp-block-cover { min-height: 150px; }
	.ds-header .wp-block-search { max-width: 150px; }
}
.ds-recipes-head { text-align: center; padding: 2rem 0 .5rem; }
.ds-cat-pills.wp-block-categories-list { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; padding: 0; margin: 0; }
.ds-cat-pills li a { display: inline-block; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: 999px; padding: .4rem .9rem; font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.ds-cat-pills li a:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--primary); }

/* ---------- 0.2.2: WPRM Meadow template in the brand (its colours are inline on the container) ---------- */
.wprm-recipe-template-meadow, .wprm-recipe-container.wprm-recipe-template-meadow {
	--meadow-accent-color: var(--wp--preset--color--primary) !important;
	--meadow-list-border-color: var(--wp--preset--color--oat) !important;
	--meadow-main-background-color: var(--wp--preset--color--surface) !important;
}
body { --wprm-popup-accent: var(--wp--preset--color--primary) !important; --comment-rating-star-color: var(--wp--preset--color--accent) !important; }
.wprm-recipe-container .wprm-recipe-meta-container-pill, .wprm-recipe-container .wprm-recipe-tag-container { border-radius: 999px; }
.wprm-recipe-container .wprm-recipe-image img { border-radius: var(--ds-radius) !important; }
.wprm-recipe-container .wprm-recipe-icon svg { fill: var(--wp--preset--color--primary); }
.wprm-glossary-term { color: var(--wp--preset--color--accent) !important; }
/* recipe index: the whole list item is the pill, count included */
.ds-cat-pills li { display: inline-flex; align-items: center; gap: .35rem; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: 999px; padding: .4rem .9rem; font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.ds-cat-pills li a { background: none; border: 0; padding: 0; }
.ds-cat-pills li:hover { border-color: var(--wp--preset--color--primary); }

/* ======================================================================
   0.3.0 — brand lockup, equal cards, icon search, footer
   ====================================================================== */

/* brand lockup (inline SVG mark, currentColor) */
.ds-brand { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none !important; color: var(--wp--preset--color--primary); }
.ds-brand__mark { display: block; width: 52px; height: 52px; flex: 0 0 auto; }
.ds-brand__mark svg { display: block; width: 100%; height: 100%; }
.ds-brand__text { display: flex; flex-direction: column; line-height: 1; }
.ds-brand__name { font-family: var(--wp--preset--font-family--heading); font-size: 1.45rem; letter-spacing: -.01em; }
.ds-brand__tagline { margin-top: .35rem; font-size: .62rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; opacity: .7; }
.ds-brand:hover .ds-brand__mark { transform: rotate(-6deg); }
.ds-brand__mark { transition: transform var(--ds-ease); }

/* header row */
.ds-header__row { gap: var(--wp--preset--spacing--40); }
.ds-header__tools { flex: 0 0 auto; }
.ds-header .ds-nav { flex: 1 1 auto; }
.ds-header .wp-block-site-logo { display: none; }

/* icon-only search that expands on click (core "button-only") */
.ds-search.wp-block-search__button-only .wp-block-search__button { background: transparent; border: 0; color: var(--wp--preset--color--primary); padding: .35rem; border-radius: 999px; }
.ds-search.wp-block-search__button-only .wp-block-search__button:hover { background: var(--wp--preset--color--sand); }
.ds-search.wp-block-search__button-only .wp-block-search__button svg { width: 24px; height: 24px; fill: currentColor; }
.ds-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { border: 0; padding: 0; }
.ds-search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper { border: 1px solid var(--wp--preset--color--border); border-radius: 999px; background: var(--wp--preset--color--surface); padding: 2px 2px 2px 10px; width: 220px; }
.ds-search .wp-block-search__input { border: 0 !important; background: transparent !important; padding: .4rem .25rem !important; font-size: var(--wp--preset--font-size--small); min-width: 0; }
.ds-search .wp-block-search__input:focus { outline: none; }

/* social icons: bigger, aligned */
.ds-social .wp-social-link { margin: 0; }
.ds-social .wp-social-link a { padding: .2rem; }
.ds-social.has-normal-icon-size .wp-social-link svg { width: 22px; height: 22px; }
.ds-social .wp-social-link:hover { transform: translateY(-1px); }

/* equal-height cards */
.wp-block-post-template.is-layout-grid > li { display: flex; }
.wp-block-post-template.is-layout-grid > li > .ds-card { flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; }
.ds-card .ds-card__body { display: flex; flex-direction: column; flex: 1 1 auto; }
.ds-card .ds-card__body > .wp-block-post-date { margin-top: auto; padding-top: .75rem; }
.ds-card .wp-block-post-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.3em; line-height: 1.15; }
.ds-card .wp-block-post-excerpt { margin: 0; }
.ds-card .wp-block-post-excerpt__excerpt { -webkit-line-clamp: 3; min-height: calc(3 * 1.65em); }
.ds-card .wp-block-post-excerpt__more-text { display: none; }

/* footer */
.ds-footer .ds-brand { color: var(--wp--preset--color--base); }
.ds-brand--footer .ds-brand__mark { width: 68px; height: 68px; }
.ds-brand--footer .ds-brand__name { font-size: 1.75rem; }
.ds-footer__blurb { font-size: var(--wp--preset--font-size--small); line-height: 1.7; opacity: .85; max-width: 42ch; margin: 1.25rem 0; }
.ds-footer__kicker { font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--oat); margin: .35rem 0 1rem; }
.ds-footer .ds-footer__list, .ds-footer .wp-block-categories-list { list-style: none; padding: 0; margin: 0; }
.ds-footer .ds-footer__list li, .ds-footer .wp-block-categories-list li { margin: 0 0 .55rem; font-size: var(--wp--preset--font-size--small); }
.ds-footer .ds-footer__list a, .ds-footer .wp-block-categories-list a, .ds-footer__small a { color: var(--wp--preset--color--base); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color var(--ds-ease); }
.ds-footer .ds-footer__list a:hover, .ds-footer .wp-block-categories-list a:hover, .ds-footer__small a:hover { border-bottom-color: var(--wp--preset--color--oat); }
.ds-footer__small { font-size: var(--wp--preset--font-size--small); line-height: 1.7; opacity: .85; }
.ds-footer__small a { border-bottom-color: var(--wp--preset--color--oat) !important; }
.ds-footer__legal { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 18%, transparent); margin-top: var(--wp--preset--spacing--50); padding-top: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--x-small); letter-spacing: .08em; text-transform: uppercase; opacity: .7; }
.ds-footer__legal p { margin: 0; }

@media (max-width: 1024px) {
	.ds-brand__tagline { display: none; }
	.ds-header .ds-nav { flex-basis: auto; }
}
@media (max-width: 781px) {
	.ds-header__row { flex-wrap: nowrap; }
	.ds-brand__mark { width: 44px; height: 44px; }
	.ds-brand__name { font-size: 1.2rem; }
	.ds-header .ds-nav { order: 3; flex: 0 0 auto; }
	.ds-header__tools { order: 2; }
	.ds-search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper { width: 170px; }
	.ds-footer__cols { gap: var(--wp--preset--spacing--40); }
}
@media (max-width: 600px) {
	.ds-brand__text { display: none; }
}

/* 0.3.1: one-line navigation */
.ds-header .ds-nav .wp-block-navigation__container { flex-wrap: nowrap; white-space: nowrap; }
.ds-header .ds-nav { justify-content: center; }
.ds-header .wp-block-navigation-item__content { font-size: 0.8125rem; }
@media (max-width: 1180px) { .ds-header .wp-block-navigation-item__content { font-size: 0.75rem; letter-spacing: .04em; } .ds-header .ds-nav .wp-block-navigation__container { gap: var(--wp--preset--spacing--20); } }
@media (max-width: 1024px) { .ds-header .ds-brand__text { display: none; } }
/* 0.3.2: the collapsed search takes no more room than its icon */
.ds-search.wp-block-search__button-only.wp-block-search__searchfield-hidden { width: auto !important; }
.ds-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { width: auto !important; }
.ds-header__tools { gap: var(--wp--preset--spacing--20); }

/* 0.4.0: breathing room for the opened search */
.ds-header__tools { gap: var(--wp--preset--spacing--30); }
.ds-search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) { margin-right: var(--wp--preset--spacing--30); }
.ds-search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper { width: 240px !important; }

/* ======================================================================
   0.5.0 — compact single head, justified text, recipe card colours, carousel
   ====================================================================== */
.ds-single-head .wp-block-post-title { margin: .25rem 0 .5rem; }
.ds-single-actions { margin-top: .5rem; }
.ds-single-meta { margin-top: .75rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); gap: .5rem; }
.ds-single-meta .ds-single-meta__dot { opacity: .5; }
.ds-single-meta .wp-block-post-author-name, .ds-single-meta .wp-block-post-date { color: var(--wp--preset--color--muted); }

/* justified running text */
.entry-content p, .entry-content li, .entry-content blockquote,
.wprm-recipe-container .wprm-recipe-summary, .wprm-recipe-container .wprm-recipe-instruction-text, .wprm-recipe-container .wprm-recipe-notes, .wprm-recipe-container .wprm-recipe-notes-container p, .wprm-recipe-container .wprm-recipe-notes-container li,
.wp-block-post-excerpt__excerpt, .ds-footer__blurb, .ds-footer__small, .wp-block-post-author-biography, .wp-block-comment-content p {
	text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto;
}
.entry-content ul, .entry-content ol { padding-left: 1.25rem; }
.entry-content li { margin: .25rem 0; }
.entry-content li::marker { color: var(--wp--preset--color--accent); }
.entry-content .wp-block-image { margin: 1.75rem 0; }

/* WP Recipe Maker: explicit colours for every part that the Meadow template leaves to its own variables */
.wprm-recipe-container .wprm-layout-container { --wprm-layout-container-text-color: var(--wp--preset--color--contrast) !important; --wprm-layout-container-background-color: var(--wp--preset--color--surface) !important; }
.wprm-recipe-container .wprm-recipe-details-container-pills .wprm-recipe-meta-container-pill { --pill-background-color: var(--wp--preset--color--sand) !important; --pill-text-color: var(--wp--preset--color--primary) !important; --pill-border-color: var(--wp--preset--color--oat) !important; background: var(--wp--preset--color--sand) !important; color: var(--wp--preset--color--primary) !important; border-color: var(--wp--preset--color--oat) !important; }
.wprm-recipe-container .wprm-recipe-meta-container-pill * { color: var(--wp--preset--color--primary) !important; }
.wprm-recipe-container .wprm-recipe-details-label { color: var(--wp--preset--color--muted) !important; }
.wprm-recipe-container .wprm-recipe-jump-to-section-container a { --wprm-jump-to-section-text-color: var(--wp--preset--color--primary) !important; --wprm-jump-to-section-background: var(--wp--preset--color--sand) !important; --wprm-jump-to-section-border-radius: 999px !important; }
.wprm-recipe-container .wprm-recipe-jump-to-section-container a .wprm-recipe-icon svg { fill: var(--wp--preset--color--primary) !important; }
.wprm-recipe-container, .wprm-recipe-container .wprm-recipe-ingredient, .wprm-recipe-container .wprm-recipe-instruction { color: var(--wp--preset--color--contrast); }
.wprm-recipe-container .wprm-recipe-ingredient-notes, .wprm-recipe-container .wprm-recipe-ingredient-unit { color: var(--wp--preset--color--muted) !important; }
.wprm-recipe-container .wprm-recipe-equipment-container, .wprm-recipe-container .wprm-recipe-nutrition-container { color: var(--wp--preset--color--contrast); }
.wprm-recipe-container .wprm-recipe-header, .wprm-recipe-container .wprm-recipe-name, .wprm-recipe-container .wprm-recipe-group-name { color: var(--wp--preset--color--primary) !important; }
.wprm-recipe-container .wprm-recipe-print-button, .wprm-recipe-container .wprm-recipe-pin-button, .wprm-recipe-container a.wprm-recipe-link.wprm-recipe-link-button { color: var(--wp--preset--color--base) !important; }
.wprm-recipe-container .wprm-recipe-image img { border-radius: var(--ds-radius) !important; }

/* carousel */
.ds-carousel__nav { display: flex; gap: .5rem; }
.ds-carousel__btn { width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--surface); color: var(--wp--preset--color--primary); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background var(--ds-ease), color var(--ds-ease); }
.ds-carousel__btn:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--primary); }
.ds-carousel .ds-section-head { margin-bottom: 1.25rem; }
.ds-carousel .wp-block-post-template.ds-carousel__track { display: flex !important; flex-wrap: nowrap; gap: var(--wp--preset--spacing--40); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 0; padding: .25rem .25rem 1rem; margin: 0 -.25rem; list-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ds-carousel .ds-carousel__track::-webkit-scrollbar { display: none; }
.ds-carousel .ds-carousel__track > li { flex: 0 0 calc((100% - 2 * var(--wp--preset--spacing--40)) / 3); scroll-snap-align: start; display: flex; }
.ds-carousel .ds-carousel__track > li > .ds-card { width: 100%; display: flex; flex-direction: column; }
@media (max-width: 1024px) { .ds-carousel .ds-carousel__track > li { flex-basis: calc((100% - var(--wp--preset--spacing--40)) / 2); } }
@media (max-width: 600px) { .ds-carousel .ds-carousel__track > li { flex-basis: 82%; } .ds-carousel__btn { width: 36px; height: 36px; } }
/* 0.5.1: carousel items share one baseline; Pin matches Print */
.ds-carousel .ds-carousel__track > li { margin: 0 !important; }
.wprm-recipe-container .wprm-recipe-pin-button, .wprm-recipe-container a.wprm-recipe-link.wprm-recipe-link-button { font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-size: .75rem !important; padding: .7rem 1.3rem !important; }

/* ======================================================================
   0.6.2 — compact editorial rhythm for the article body
   ====================================================================== */
.entry-content { font-size: 1.0625rem; line-height: 1.62; }
.entry-content > * + * { margin-block-start: .8rem; }
.entry-content p { margin: 0; }
/* spacers are leftovers from the old page builder: keep them small and never stack them with a heading */
.entry-content .wp-block-spacer { height: .4rem !important; margin: 0 !important; }
.entry-content .wp-block-spacer + .wp-block-heading, .entry-content .wp-block-spacer + .wp-block-spacer { margin-block-start: 0 !important; }
/* in-article headings: smaller than page titles, tight below */
.entry-content h2.wp-block-heading { font-size: clamp(1.45rem, 1.2rem + .8vw, 1.75rem); margin: 1.6rem 0 .45rem; letter-spacing: 0; text-transform: none; line-height: 1.2; }
.entry-content h3.wp-block-heading { font-size: 1.25rem; margin: 1.15rem 0 .3rem; line-height: 1.25; }
.entry-content h4.wp-block-heading { font-size: 1.05rem; margin: 1rem 0 .25rem; font-family: var(--wp--preset--font-family--body); font-weight: 600; color: var(--wp--preset--color--contrast); }
.entry-content h2.wp-block-heading + *, .entry-content h3.wp-block-heading + *, .entry-content h4.wp-block-heading + * { margin-block-start: .35rem; }
/* lists: tight, markers in the accent */
.entry-content ul, .entry-content ol { margin: .35rem 0 .6rem; padding-left: 1.35rem; }
.entry-content li { margin: .12rem 0; line-height: 1.5; }
.entry-content li > p { margin: 0; }
/* numbered-step paragraphs ("1. Put the …") read as a list too */
.entry-content p + p { margin-block-start: .7rem; }
/* images and the recipe card */
.entry-content .wp-block-image { margin: 1.4rem 0; }
.entry-content .wp-block-image img { width: 100%; }
.entry-content .wprm-recipe-container { margin: 2rem 0 0; }
/* page sections: less air between article, "more recipes" and comments */
.ds-single-hero.wp-block-post-featured-image { margin-top: 1.6rem !important; margin-bottom: 1.8rem !important; }
.ds-single-actions { margin-top: .35rem; }
.ds-single-meta { margin-top: .5rem; }
main > .wp-block-group.ds-section { margin-top: 3rem !important; }
.wp-block-comments { margin-top: 2.5rem; }
.wp-block-post-comments-form { margin-top: 1.5rem; }
.wp-block-comments .wp-block-comments-title, .wp-block-comments .comment-reply-title { font-size: var(--wp--preset--font-size--large); }
/* 0.6.3: one clean card (no frame inside a frame), Pin and Print identical */
.wprm-recipe-container { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: calc(var(--ds-radius) * 2); box-shadow: var(--ds-shadow); }
.wprm-recipe-container .wprm-layout-container { --wprm-layout-container-background-color: transparent !important; }
.wprm-recipe-container .meadow-header { border-top: 0 !important; padding-top: 0 !important; }
.wprm-recipe-container a.wprm-recipe-pin, .wprm-recipe-container a.wprm-recipe-print, .wprm-recipe-container .wprm-recipe-link-button, .wprm-recipe-container .wprm-recipe-pin-button, .wprm-recipe-container .wprm-recipe-print-button {
	display: inline-block !important; background: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--base) !important; border: 0 !important; border-radius: 999px !important;
	padding: .7rem 1.3rem !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-size: .75rem !important; line-height: 1.2 !important; text-decoration: none !important;
}
.wprm-recipe-container a.wprm-recipe-pin:hover, .wprm-recipe-container a.wprm-recipe-print:hover { background: var(--wp--preset--color--accent) !important; }
/* 0.6.4: headings get room to breathe again (the paragraphs and lists stay tight) */
.entry-content h2.wp-block-heading { margin: 2.4rem 0 .7rem; }
.entry-content h3.wp-block-heading { margin: 1.8rem 0 .45rem; }
.entry-content h4.wp-block-heading { margin: 1.4rem 0 .3rem; }
.entry-content .wp-block-spacer + h2.wp-block-heading { margin-block-start: 1.8rem !important; }
.entry-content .wp-block-spacer + h3.wp-block-heading { margin-block-start: 1.3rem !important; }
.entry-content .wp-block-spacer + h4.wp-block-heading { margin-block-start: 1rem !important; }
.entry-content h2.wp-block-heading + *, .entry-content h3.wp-block-heading + *, .entry-content h4.wp-block-heading + * { margin-block-start: .45rem; }
/* 0.6.5: no stray rule above the recipe card header */
.wprm-recipe-container .meadow-header, .wprm-recipe-container .meadow-header-accent, .wprm-recipe-container > .wprm-layout-container:first-child { border-top: 0 !important; }
.wprm-recipe-container > .wprm-layout-container:first-child > .wprm-layout-container:first-child { border-top: 0 !important; }

/* ======================================================================
   0.7.0 — sticky footer, contact page, legal pages
   ====================================================================== */
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.wp-site-blocks > main { flex: 1 0 auto; }
.wp-site-blocks > .ds-footer { margin-top: auto !important; padding-top: var(--wp--preset--spacing--60); }
main + .ds-footer { margin-top: var(--wp--preset--spacing--70) !important; }

/* contact */
.ds-contact__lede { font-size: var(--wp--preset--font-size--large); font-family: var(--wp--preset--font-family--heading); color: var(--wp--preset--color--primary); line-height: 1.35; max-width: 34ch; margin: 0 auto 2rem; text-align: center !important; }
.ds-contact__cards { margin-top: 1rem; }
.ds-contact__card { padding: 1.6rem 1.5rem 1.4rem; height: 100%; }
.ds-contact__card:hover { transform: none; }
.ds-contact__icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 999px; background: var(--wp--preset--color--sand); color: var(--wp--preset--color--primary); margin-bottom: .9rem; }
.ds-contact__card h3 { margin: 0 0 .4rem; font-size: 1.35rem; }
.ds-contact__card p { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); text-align: left !important; hyphens: manual; }
.ds-contact__action { margin-top: .9rem !important; }
.ds-contact__action a { color: var(--wp--preset--color--primary) !important; font-weight: 600; text-decoration: none; border-bottom: 1.5px solid var(--wp--preset--color--oat); }
.ds-contact__action a:hover { border-bottom-color: var(--wp--preset--color--primary); }
.ds-contact__card .ds-social { margin-top: .75rem; }
.ds-contact__faq { margin-top: 3.5rem; }
.ds-contact__faq h2 { margin-bottom: 1rem; }
.wp-block-details { border-top: 1px solid var(--wp--preset--color--border); padding: .85rem 0; }
.wp-block-details:last-child { border-bottom: 1px solid var(--wp--preset--color--border); }
.wp-block-details summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--primary); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-family: var(--wp--preset--font-family--heading); font-size: 1.4rem; line-height: 1; color: var(--wp--preset--color--accent); transition: transform var(--ds-ease); }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details p { margin: .6rem 0 0; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); text-align: left !important; }
@media (max-width: 781px) { .ds-contact__cards.wp-block-columns { flex-wrap: wrap !important; } .ds-contact__cards .wp-block-column { flex-basis: 100% !important; } }

/* legal pages: compact, scannable */
.ds-legal { font-size: var(--wp--preset--font-size--small); line-height: 1.65; }
.ds-legal h2 { font-size: 1.2rem; margin: 1.6rem 0 .35rem; }
.ds-legal p { margin: 0 0 .6rem; }
.ds-legal__lede { font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--contrast); border-left: 3px solid var(--wp--preset--color--oat); padding-left: 1rem; margin-bottom: 1.5rem !important; }
.ds-todo { background: #fff3b0; color: #5a4300; padding: 0 .3em; border-radius: 3px; font-family: var(--wp--preset--font-family--body); font-size: .9em; }
/* 0.7.1: legal pages keep their compact headings inside the article styles */
.entry-content .ds-legal h2.wp-block-heading { font-size: 1.2rem; margin: 1.5rem 0 .35rem; }
.entry-content .ds-legal p { margin: 0 0 .6rem; text-align: left; hyphens: manual; }
.entry-content .ds-legal .ds-legal__lede { margin-bottom: 1.5rem; }
.entry-content .ds-contact p { hyphens: manual; }

/* 0.7.3: postal address on the contact card */
.ds-contact__post { margin-top: 1rem !important; padding-top: .85rem; border-top: 1px solid var(--wp--preset--color--border); font-size: var(--wp--preset--font-size--small); line-height: 1.5; }
.ds-contact__post-label { display: block; font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--accent); margin-bottom: .3rem; }

/* ======================================================================
   0.8.0 — mobile pass
   ====================================================================== */
/* tablets use the overlay menu too: the one-line nav only fits from 1025 px up */
@media (max-width: 1024px) {
	.ds-header .wp-block-navigation__responsive-container-open { display: flex !important; }
	.ds-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
	.ds-header .ds-nav { flex: 0 0 auto; order: 3; }
	.ds-header__tools { order: 2; margin-left: auto; }
	.ds-header__row { gap: var(--wp--preset--spacing--20); }
}
.ds-header .wp-block-navigation__responsive-container.is-menu-open { padding: 5rem var(--wp--preset--spacing--40) var(--wp--preset--spacing--40); }
.ds-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.25rem; }
.ds-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--heading); font-size: 1.75rem; letter-spacing: 0; text-transform: none; }

/* grids: two columns on tablets, one on phones */
@media (max-width: 1024px) and (min-width: 601px) {
	.wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.ds-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
	.wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; }
}

/* carousel: on small screens the track bleeds to the screen edges and the first card starts at the gutter */
@media (max-width: 1024px) {
	.ds-carousel .wp-block-post-template.ds-carousel__track {
		margin-left: calc(-1 * var(--wp--style--root--padding-left, 1rem));
		margin-right: calc(-1 * var(--wp--style--root--padding-right, 1rem));
		padding-left: var(--wp--style--root--padding-left, 1rem);
		padding-right: var(--wp--style--root--padding-right, 1rem);
		scroll-padding-left: var(--wp--style--root--padding-left, 1rem);
	}
}
@media (max-width: 600px) {
	.ds-carousel .ds-carousel__track > li { flex-basis: 84%; }
	.ds-carousel .ds-section-head { flex-wrap: wrap; }
}

/* recipe card on phones: the section jump buttons wrap instead of overflowing */
.wprm-recipe-container .wprm-recipe-jump-to-section-container { flex-wrap: wrap !important; justify-content: center !important; gap: .6rem !important; overflow: visible !important; mask-image: none !important; -webkit-mask-image: none !important; }
@media (max-width: 600px) {
	.wprm-recipe-container { padding: 1rem !important; }
	.wprm-recipe-container .wprm-recipe-name { font-size: var(--wp--preset--font-size--large) !important; }
	.entry-content .wprm-recipe-container { margin-left: calc(-1 * var(--wp--style--root--padding-left, 1rem) + .5rem); margin-right: calc(-1 * var(--wp--style--root--padding-right, 1rem) + .5rem); }
}

/* phones: hero and section rhythm a little tighter, buttons full width where they stack */
@media (max-width: 600px) {
	.ds-hero__copy { padding: 1.25rem 1.25rem 1.5rem; }
	.ds-hero .wp-block-post-title { font-size: 1.9rem; }
	main > .wp-block-group.ds-section { margin-top: 2.5rem !important; }
	.ds-single-actions .wp-block-shortcode { display: inline-block; }
	.ds-contact__lede { font-size: 1.3rem; }
	.ds-footer .ds-brand--footer .ds-brand__mark { width: 56px; height: 56px; }
}
/* 0.8.1: the overlay menu must escape the sticky header — no backdrop-filter (it would become the containing
   block of the fixed overlay and trap it inside the bar); a solid header instead */
.ds-header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: var(--wp--preset--color--base); }
.ds-header .wp-block-navigation__responsive-container.is-menu-open { position: fixed !important; inset: 0 !important; z-index: 100000; background: var(--wp--preset--color--base) !important; overflow-y: auto; }
.ds-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.ds-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { display: flex; flex-direction: column; flex-wrap: wrap; white-space: normal; align-items: flex-start; gap: 1.1rem; }
.ds-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--wp--preset--color--primary); }
.ds-header .wp-block-navigation__responsive-container-close { top: 1.1rem; right: 1.1rem; color: var(--wp--preset--color--primary); }
.ds-header .wp-block-navigation__responsive-container-close svg, .ds-header .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }

/* 0.8.2: business address under the Work-with-me action */
.ds-contact__meta { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); margin-top: .35rem !important; word-break: break-all; }

/* 0.8.4: mailto fallback on the contact page */
.ds-contact__fallback { display: block; margin-top: .5rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.ds-contact__copy { font: inherit; font-weight: 600; color: var(--wp--preset--color--primary); background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--border); border-radius: 999px; padding: .15rem .7rem; cursor: pointer; }
.ds-contact__copy:disabled { opacity: .7; cursor: default; }

/* 0.8.6: content images fill their column (older posts carry medium/large sizes) */
.entry-content .wp-block-image:not(.alignleft):not(.alignright) img { width: 100%; height: auto; border-radius: 14px; }
.entry-content .wp-block-image { margin-left: 0; margin-right: 0; }
.entry-content .wp-block-image.aligncenter { margin-left: auto; margin-right: auto; }

/* 0.8.7: share buttons (shared-counts plugin) in the site's own colours */
.shared-counts-wrap { display: flex !important; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.25rem !important; justify-content: center; }
.shared-counts-wrap .shared-counts-button, .shared-counts-wrap .shared-counts-button:hover { display: inline-flex !important; align-items: center; gap: .4rem; background: var(--wp--preset--color--sand) !important; color: var(--wp--preset--color--primary) !important; border: 1px solid var(--wp--preset--color--border) !important; border-radius: 999px !important; padding: .35rem .85rem !important; font-size: .78rem !important; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; box-shadow: none !important; text-decoration: none !important; }
.shared-counts-wrap .shared-counts-button:hover { background: var(--wp--preset--color--oat) !important; }
.shared-counts-wrap .shared-counts-button svg { width: 14px; height: 14px; fill: currentColor !important; }
.shared-counts-wrap .shared-counts-icon-label { color: inherit !important; }

/* 0.8.8: share row under the recipe buttons, author/date at the end, whole category tile clickable */
.ds-single-share { margin-top: .9rem; }
.ds-share { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: center; align-items: center; }
.ds-share__label { font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--muted); margin-right: .25rem; }
.ds-share__btn { display: inline-flex; align-items: center; gap: .35rem; background: var(--wp--preset--color--sand); color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--border); border-radius: 999px; padding: .3rem .75rem; font: inherit; font-size: .76rem; font-weight: 600; letter-spacing: .03em; text-decoration: none; cursor: pointer; line-height: 1.2; }
.ds-share__btn:hover { background: var(--wp--preset--color--oat); color: var(--wp--preset--color--primary); }
.ds-share__btn:disabled { opacity: .7; cursor: default; }
.ds-single-meta--end { margin-top: 2.25rem; margin-bottom: 0; }
.ds-single-meta--end p, .ds-single-meta--end .wp-block-post-date, .ds-single-meta--end .wp-block-post-author-name { margin: 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.ds-tiles .wp-block-cover { position: relative; }
.ds-tile__link { position: absolute; inset: 0; z-index: 3; border-radius: inherit; }
.ds-tile__link:focus-visible { outline: 3px solid var(--wp--preset--color--oat); outline-offset: -3px; }
.ds-tiles .wp-block-cover .wp-block-cover__inner-container { position: relative; z-index: 2; pointer-events: none; }
@media (max-width: 600px) { .ds-share__btn span { display: none; } .ds-share__btn { padding: .45rem .55rem; } .ds-share__btn svg { width: 16px; height: 16px; } }

/* 0.9.0: share row above the recipe card, brand-coloured icons; tile overlay must receive clicks */
.ds-single-share { margin: 1.5rem 0 1.25rem; }
.ds-share__btn { background: var(--wp--preset--color--surface); }
.ds-share__btn--facebook svg { color: #1877f2; } .ds-share__btn--x svg { color: #111; } .ds-share__btn--pinterest svg { color: #e60023; } .ds-share__btn--whatsapp svg { color: #25d366; }
.ds-share__btn svg { width: 15px; height: 15px; }
.ds-tile__link { pointer-events: auto; }

/* 0.9.1: the tile's inner box spans the whole cover so the overlay link covers the photo */
.ds-tiles .wp-block-cover .wp-block-cover__inner-container { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: flex-start; padding: var(--wp--preset--spacing--30); margin: 0; z-index: 2; pointer-events: none; }
.ds-tiles .wp-block-cover .wp-block-cover__inner-container > * { margin: 0; }
.ds-tiles .wp-block-cover { padding: 0 !important; }

/* 0.9.2: share row in the header's logos-only style */
.ds-share { display: flex; flex-wrap: wrap; gap: .25rem; justify-content: center; align-items: center; }
.ds-share__label { font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--muted); margin-right: .5rem; }
.ds-share__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: var(--wp--preset--spacing--20); }
.ds-share__list li { margin: 0; padding: 0; display: flex; align-items: center; gap: .4rem; }
.ds-share__btn, .ds-share__btn:hover { background: none; border: 0; padding: .2rem; border-radius: 0; color: var(--wp--preset--color--primary); display: inline-flex; line-height: 0; cursor: pointer; transition: transform 150ms ease, color 150ms ease; }
.ds-share__btn:hover { transform: translateY(-1px); color: var(--wp--preset--color--accent); }
.ds-share__btn svg { width: 22px; height: 22px; color: inherit !important; }
.ds-share__btn--facebook svg, .ds-share__btn--x svg, .ds-share__btn--pinterest svg, .ds-share__btn--whatsapp svg { color: inherit; }
.ds-share__note { font-size: .75rem; color: var(--wp--preset--color--muted); }
@media (max-width: 600px) { .ds-share__btn { padding: .3rem; } }