/* ==========================================================================
   Receptpagina + receptkaart (Tasty-sjabloon tasty-recipes.php)
   Ontwerp: redesign/02-ontwerp/canvas/Recept.dc.html + Desktop-Recept.dc.html,
   bijgewerkt met beslissingen.md (oranje bestelknop, auteursregel, kaart #F9F9F9).
   ========================================================================== */

/* ---------- Layout: hoofdkolom 760 + zijbalk 340 ---------- */
.single-layout {
	max-width: var(--max);
	margin-inline: auto;
	padding: var(--s-3) var(--s-4) 0;
}
@media (min-width: 1024px) {
	.single-layout {
		display: grid;
		grid-template-columns: minmax(0, 760px) 340px;
		justify-content: center;
		gap: var(--s-12);
		padding: var(--s-8) var(--gutter) 0;
	}
}
/* Flying carpet (AdPushup): geen overflow/transform/contain op voorouders van advertenties. */
.content-area { min-width: 0; }

/* ---------- Kop van het recept ---------- */
.post-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.post-head > * { margin: 0; }
/* Lettertype, maat en (geen) hoofdletters komen uit .title-content (main.css). */
.post-head__title { overflow-wrap: break-word; }

.byline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 6px;
	font-size: 14px;
	line-height: 20px;
	color: var(--c-muted);
}
.byline__photo { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.byline a,
.author-box__name a { color: var(--c-link); font-weight: 700; text-decoration: none; }
.byline a:hover,
.author-box__name a:hover { text-decoration: underline; }
.byline__more { display: none; }

/* Sterren */
.stars { display: inline-flex; gap: 1px; font-size: 16px; line-height: 1; letter-spacing: 0; color: var(--c-border); }
.stars .star.is-on { color: var(--c-star); }

/* Mobiel even breed als de tekstkolom, geen uitsteek van 4 px (review Quint 4 okt, B7). */
.post-head__photo {
	align-self: stretch;
	margin: 4px 0 0 !important;
	aspect-ratio: 2 / 3; /* terugval; lcc_hero_photo() zet de echte verhouding inline */
	overflow: hidden;
	border-radius: var(--r-lg);
	background: var(--c-placeholder);
}
.post-head__photo img { width: 100%; height: 100%; object-fit: cover; }

.post-head__facts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 4px 0 0 !important;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 20px;
	color: var(--c-text);
}
.post-head__facts li { display: inline-flex; align-items: center; gap: 5px; }
.post-head__facts li + li::before { content: "·"; color: var(--c-border); margin-right: 5px; }
.post-head__facts li.pill-carbs::before { display: none; }
.post-head__facts svg { color: var(--c-muted); }
.post-head__facts-rating a:hover { text-decoration: underline; }
.post-head__facts-rating a { position: relative; display: inline-flex; align-items: center; gap: 6px; color: var(--c-muted); text-decoration: none; }
/* Tikvlak minimaal 44 px hoog (review Quint 4 okt). */
.post-head__facts-rating a::after { content: ""; position: absolute; inset: -12px -4px; }

.pill-carbs {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 10px;
	border-radius: 13px;
	background: var(--c-blue);
	color: var(--c-navy);
	font-weight: 600;
}

.post-head__actions {
	align-self: stretch;
	display: flex;
	gap: var(--s-2);
	margin-top: 4px !important;
}
.jump-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	border-radius: var(--r-md);
	background: var(--c-blue);
	color: var(--c-navy);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
}
.jump-btn:hover { background: var(--c-blue-hover); }
.jump-btn__desktop { display: none; }

@media (min-width: 1024px) {
	.post-head { gap: 14px; }
	.byline__more { display: inline; }
	.post-head__facts { font-size: 15px; gap: 8px 16px; }
	.post-head__facts li + li::before { margin-right: 11px; }
	.post-head__actions { margin-top: 6px !important; }
	.jump-btn { min-height: 46px; }
	.jump-btn__desktop { display: inline; }
	.jump-btn__mobile { display: none; }
	.post-head__photo { margin: 10px 0 0 !important; border-radius: var(--r-xl); }
}

/* ---------- Tekst ---------- */
/* Lettergrootte, regelhoogte en marges van alinea's/lijsten/koppen: gedeelde stijl in main.css. */
.single-post .entry-content {
	margin-top: 18px;
	color: var(--c-text);
}
/* Koppen in de tekst (recept, artikel, weekmenu): Inter, gewone letters (besluit Quint 3 okt).
   :where() houdt de specificiteit laag, zodat kaart-/roosterkoppen hun eigen maat houden. */
.single-post .entry-content :where(h2, h3, h4) {
	font-family: var(--f-sans);
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	color: #000000;
}
.single-post .entry-content :where(h2) { font-size: 22px; line-height: 1.3; }
.single-post .entry-content :where(h3) { font-size: 19px; line-height: 1.35; }
.single-post .entry-content :where(h4) { font-size: 17px; line-height: 1.4; }
@media (min-width: 1024px) {
	.single-post .entry-content { margin-top: 36px; }
	.single-post .entry-content :where(h2) { font-size: 26px; }
	.single-post .entry-content :where(h3) { font-size: 21px; }
}

/* ---------- Receptkaart ---------- */
/* Tasty zet .tasty-recipes om de kaart; die blijft zonder eigen opmaak. */
.single-post .entry-content .tasty-recipes { margin: 22px -4px 0; }
/* Witruimte in de kaart (eindredactie 3 okt): één maat tussen kop en eerste item en tussen
   items onderling (--rcard-gap), een grotere boven elk sectiekopje (--rcard-section-gap). */
.rcard {
	--rcard-gap: 20px;
	--rcard-section-gap: 34px;
	display: flex;
	flex-direction: column;
	gap: var(--rcard-gap);
	padding: 22px 16px;
	border-radius: var(--r-lg);
	background: var(--c-card);
	font-size: 16px;
	line-height: 1.6;
	color: #333333;
}
.rcard a { color: var(--c-navy); font-weight: inherit; }

.rcard__head {
	display: grid;
	grid-template-columns: 92px 1fr;
	gap: 14px;
	align-items: start;
}
.rcard__media { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.rcard__image { width: 92px; height: 92px; object-fit: cover; border-radius: var(--r-md); }
.rcard__rating { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; text-decoration: none; }
/* Tikvlak minimaal 44 x 44 px zonder dat de opmaak verschuift (review Quint 4 okt, B10). */
.rcard__rating::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: max(100%, 44px);
	height: max(100%, 44px);
	transform: translate(-50%, -50%);
}
.rcard__rating .stars { font-size: 14px; }
.rcard__rating-label { font-size: 14px; line-height: 18px; color: var(--c-muted); text-align: center; }
/* "Nog geen beoordelingen" (B11): "beoordelingen" is 95 px, de fotokolom op mobiel 92 px.
   Iets krappere spatiëring houdt het woord binnen de kolom, uitgelijnd met de foto. */
.rcard__rating-label { letter-spacing: -0.3px; }

.rcard__intro { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.rcard .rcard__title { margin: 0; font-family: var(--f-sans); font-size: 24px; line-height: 1.25; font-weight: 700; color: #000000; text-transform: none; }
.rcard__details {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Gegevensregels: 15px mobiel / 16px vanaf 768px, waarde #444444, label #6B7280, iconen 16px. */
.rcard__details li { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; line-height: 22px; color: #444444; }
.rcard__details svg { flex-shrink: 0; width: 16px; height: 16px; color: #6B7280; }
.rcard__label { color: #6B7280; }
@media (min-width: 768px) {
	.rcard__details li { font-size: 16px; line-height: 24px; }
	.rcard .rcard__title { font-size: 26px; }
}

/* Knoppen in de kaart: mobiel 2x2 over de volle breedte van de kaart. */
.rcard__buttons {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--s-2);
	margin-top: 4px;
}
.rcard__head > .rcard__intro { display: contents; }
.rcard__head > .rcard__intro > .rcard__title,
.rcard__head > .rcard__intro > .rcard__details { grid-column: 2; }
.rcard__head > .rcard__intro > .rcard__title { grid-row: 1; align-self: start; }
.rcard__head { grid-template-rows: auto auto; }
.rcard__media { grid-row: 1 / span 2; }
.rcard__details { grid-row: 2; }

/* Knoppen: gewone letters, 15px, 600, aanraakvlak minimaal 44px (eindredactie 3 okt). */
.rcard .btn-ghost {
	justify-content: center;
	height: auto;
	min-height: 44px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}
.rcard__buttons [hidden] { display: none !important; }

/* Kookmodus-knop: opent de overlay uit assets/css/cook-mode.css. */

.rcard__body { display: flex; flex-direction: column; gap: var(--rcard-section-gap); padding-top: var(--rcard-section-gap); border-top: 1px solid #e6e8ec; }
.rcard .rcard__h3 { margin: 0; font-family: var(--f-sans); font-size: 22px; line-height: 1.3; font-weight: 700; color: #000000; }
/* Elke sectie: kop → eerste item → volgende items, steeds var(--rcard-gap). */
.rcard__ingredients,
.rcard__instructions,
.rcard__notes,
.rcard__ingredients-body,
.rcard__steps,
.rcard .tasty-recipes-notes-body { display: flex; flex-direction: column; gap: var(--rcard-gap); }
.rcard .tasty-recipes-notes-body > * { margin: 0; }

.rcard__section-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--s-2);
}

/* Porties kiezen (− 2 porties +) */
.portions {
	display: inline-flex;
	align-items: center;
	border: 1px solid #cccccc;
	border-radius: 23px;
	background: #fff;
}
.portions__btn {
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 22px;
	background: transparent;
	color: var(--c-navy);
	font-size: 20px;
	line-height: 1;
}
.portions__btn:hover { background: var(--c-soft); }
.portions__btn:disabled { color: var(--c-border); cursor: default; background: transparent; }
.portions__value { min-width: 84px; text-align: center; font-size: 15px; font-weight: 600; color: var(--c-ink); }
.portions--times { padding: 2px; gap: 2px; }
.portions__times {
	height: 44px;
	min-width: 44px;
	padding: 0 14px;
	border: 0;
	border-radius: 22px;
	background: transparent;
	font-size: 15px;
	font-weight: 600;
	color: var(--c-navy);
}
.portions__times.is-active { background: var(--c-navy); color: #fff; }

/* Ingrediënten: hoeveelheden niet vetgedrukt (besluit 2 okt). */
/* Geen flex op de regels: dan valt de spatie tussen hoeveelheid en naam weg. */
.single-post .rcard__ingredients-body ul { margin: 0; padding: 0; list-style: none; }
/* Tussen twee regels: --rcard-gap (half boven, half onder de scheidingslijn). */
.rcard__ingredients-body li {
	padding: calc(var(--rcard-gap) / 2) 0;
	border-bottom: 1px solid #e6e8ec;
	line-height: 1.5;
}
/* Geen marge tussen lijstregels uit de lopende tekst (main.css); de afstand komt uit --rcard-gap. */
.single-post .rcard :is(.rcard__ingredients-body, .rcard__steps) li { margin: 0; }
.rcard__ingredients-body li:first-child { padding-top: 0; }
.rcard__ingredients-body li:last-child { padding-bottom: 0; border-bottom: 0; }
.rcard__ingredients-body p { margin: 0; }
.rcard__ingredients-body p strong { font-weight: 700; color: var(--c-ink); }
.rcard__ingredients-body li strong,
.rcard__ingredients-body li b { font-weight: 400; }
/* Links in ingrediënten, bereidingswijze en tips: dezelfde linkstijl als de rest van de site,
   zoals live (besluit Quint 3 okt; vervangt "onderstreept in navy"). De productkaartjes onder
   "Gebruikt in dit recept" (.shopblock) houden hun eigen stijl. */
.rcard :is(.rcard__ingredients-body, .rcard__steps, .rcard__notes) a {
	color: var(--c-link);
	font-weight: 700;
	text-decoration: none;
}
.rcard :is(.rcard__ingredients-body, .rcard__steps, .rcard__notes) a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Gebruikt in dit recept · Lowcarbcenter */
.shopblock {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 12px;
	padding: 14px;
	border-radius: 16px;
	background: #fff;
	scroll-margin-top: var(--s-4);
}
/* Alle tekst in het productblok minimaal 14px (eindredactie 3 okt). */
.shopblock__kicker {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	color: var(--c-navy);
}
.single-post .shopblock__list, .single-post .nutri { margin: 0; padding: 0; list-style: none; }
.shopblock__item[hidden] { display: none; }
.shopblock__link {
	display: grid;
	grid-template-columns: 48px 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f1f3;
	color: var(--c-ink) !important;
	text-decoration: none;
}
.shopblock__img { width: 48px; height: 48px; overflow: hidden; border-radius: var(--r-sm); background: var(--c-warm); }
.shopblock__img img { width: 100%; height: 100%; object-fit: contain; }
.shopblock__name { font-size: 14px; font-weight: 600; line-height: 1.3; }
.shopblock__link:hover .shopblock__name { text-decoration: underline; text-underline-offset: 3px; }
/* Prijs rustig: grijs, niet vet (besluit 3 okt). */
.shopblock__price { font-size: 14px; color: var(--c-muted); text-align: right; white-space: nowrap; }
.shopblock__price s { display: block; font-size: 14px; }
/* Wisselknop "Toon nog X producten ▾" / "Toon minder ▴", altijd onder de lijst. */
.shopblock__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	align-self: flex-start;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--c-link);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
}
.shopblock__more:hover [data-more-label] { text-decoration: underline; text-underline-offset: 3px; }
.shopblock__more:focus-visible { outline: 2px solid var(--c-link); outline-offset: 2px; border-radius: 4px; }
.shopblock__more-icon { font-size: 18px; line-height: 1; }
.shopblock__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 4px; }
.shopblock__cart { min-height: 46px; padding: 0 20px; gap: 8px; }
.shopblock__cart .lbl-full { display: none; }
.shopblock__ship { font-size: 14px; color: var(--c-muted); }
.shopblock__check { margin: 0; font-size: 14px; color: var(--c-success); }
.shopblock__check::before { content: "✓ "; font-weight: 700; }
@media (min-width: 1024px) {
	.shopblock__cta { flex-direction: row; align-items: center; gap: 14px; }
	.shopblock__cart .lbl-full { display: inline; }
	.shopblock__cart .lbl-short { display: none; }
}

/* Bereidingswijze: genummerde stappen in navy rondjes. */
.single-post .rcard__steps ol { counter-reset: stap; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--rcard-gap); }
.rcard__steps ol > li { counter-increment: stap; position: relative; min-height: 32px; padding: 3px 0 0 46px; line-height: 1.7; }
/* Nummer absoluut, geen flex op de li: anders breekt lopende tekst met links in kolommen. */
.rcard__steps ol > li::before {
	content: counter(stap);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--c-navy);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
.rcard__steps p { margin: 0; }
.rcard__steps li > p + p { margin-top: calc(var(--rcard-gap) / 2); }

/* Voedingswaarden: kcal · koolhydraten (lichtblauw) · eiwit · vet · vezels (review Quint 4 okt, B5).
   Aantal tegels komt uit PHP (lcc_nutri_grid_attrs): --nutri-n plus de klassen nutri--n{N} en
   nutri--rest{1|2}. Mobiel rijen van 3 in een raster van 6; nooit één losse tegel. */
.rcard__nutrition { display: flex; flex-direction: column; gap: var(--rcard-gap); margin-top: calc(var(--rcard-section-gap) - var(--rcard-gap)); padding-top: var(--rcard-section-gap); border-top: 1px solid #e6e8ec; }
.nutri { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.nutri__tile { grid-column: span 2; }
.nutri:is(.nutri--n1, .nutri--n2, .nutri--n3) { grid-template-columns: repeat(var(--nutri-n), minmax(0, 1fr)); }
.nutri:is(.nutri--n1, .nutri--n2, .nutri--n3) .nutri__tile { grid-column: auto; }
/* Rest 2 (5 tegels: 3 + 2): de laatste twee elk een halve rij. Rest 1 (4 tegels: 2 x 2): de laatste vier. */
.nutri--rest2 .nutri__tile:nth-last-child(-n + 2),
.nutri--rest1 .nutri__tile:nth-last-child(-n + 4) { grid-column: span 3; }
@media (min-width: 600px) {
	.nutri { grid-template-columns: repeat(var(--nutri-n, 5), minmax(0, 1fr)); }
	.nutri .nutri__tile,
	.nutri--rest2 .nutri__tile:nth-last-child(-n + 2),
	.nutri--rest1 .nutri__tile:nth-last-child(-n + 4) { grid-column: auto; }
}
.nutri__tile { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 12px 6px; border-radius: var(--r-md); background: #fff; text-align: center; }
.nutri__tile--carbs { background: var(--c-blue); }
.nutri__value { font-size: 18px; line-height: 1.3; font-weight: 700; color: var(--c-ink); white-space: nowrap; }
.nutri__label { font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--c-muted); }
.nutri__tile--carbs .nutri__label { color: var(--c-navy); }

.rcard__insta {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 14px;
	background: #fff;
	color: var(--c-navy);
}
.rcard__insta p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--c-text); }
.rcard__insta strong { color: var(--c-ink); }
.rcard__insta b { color: var(--c-navy); }

@media (min-width: 1024px) {
	.single-post .entry-content .tasty-recipes { margin: 36px 0 0; }
	.rcard { padding: 36px; border-radius: var(--r-xl); }
	.rcard__head { grid-template-columns: 130px 1fr; gap: 22px; }
	.rcard__head > .rcard__intro { display: flex; grid-column: 2; grid-row: 1 / span 2; gap: 12px; }
	.rcard__image { width: 130px; height: 130px; border-radius: 14px; }
	.rcard__rating .stars { font-size: 16px; }
	.rcard__details { gap: 8px 18px; }
	/* 1024-1239 px: kolom te smal voor vier knoppen naast elkaar, dus 2 x 2 (zoals mobiel). */
	.rcard .rcard__buttons .btn-ghost { padding: 0 10px; }
	.nutri { gap: 10px; }
	.nutri__tile { padding: 14px; }
	.nutri__value { font-size: 20px; }
}

/* Vanaf 1240 px: Print · Pin · Bewaar · Kookmodus op één rij (review Quint 4 okt, B6).
   Knoppen op hun eigen breedte, de rest van de rij verdeeld; smallere zijpadding houdt
   ruimte over voor "Bewaard" en afwijkende lettertype-weergave. */
@media (min-width: 1240px) {
	.rcard__buttons { display: flex; flex-wrap: wrap; }
	.rcard__buttons > * { flex: 1 1 auto; }
	.rcard .rcard__buttons .btn-ghost { padding: 0 8px; }
}

/* ---------- Onder het bericht ---------- */
.post-foot { display: flex; flex-direction: column; gap: 28px; margin-top: 28px; }
.post-foot__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding-top: 24px;
	border-top: 1px solid var(--c-border-light);
}
.post-foot__label { margin-right: 6px; font-size: 14px; font-weight: 700; letter-spacing: normal; text-transform: none; color: var(--c-nav); }
.chip {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 14px;
	border-radius: 17px;
	background: var(--c-blue);
	color: var(--c-navy);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.chip:hover { background: var(--c-blue-hover); }

.author-box {
	display: grid;
	grid-template-columns: 72px 1fr;
	gap: 18px;
	align-items: center;
	padding: 24px;
	border-radius: var(--r-lg);
	background: var(--c-soft);
}
.author-box__photo { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.author-box__text p { margin: 0; font-size: 15px; line-height: 1.6; }
.author-box__name { margin-bottom: 6px !important; font-size: 17px !important; font-weight: 700; color: var(--c-ink); }
@media (max-width: 599px) {
	.author-box { grid-template-columns: 56px 1fr; padding: 18px; gap: 14px; align-items: start; }
	.author-box__photo { width: 56px; height: 56px; }
}

.post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--c-border-light);
	border-bottom: 1px solid var(--c-border-light);
}
.post-nav__link { display: flex; flex-direction: column; gap: 4px; padding: 20px 16px 20px 0; color: var(--c-ink); text-decoration: none; }
.post-nav__link--next { padding: 20px 0 20px 16px; text-align: right; border-left: 1px solid var(--c-border-light); grid-column: 2; }
.post-nav__label { font-size: 14px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--c-muted); }
.post-nav__title { font-size: 15px; line-height: 1.4; font-weight: 500; }
.post-nav__link:hover .post-nav__title { color: var(--c-navy); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Meer recepten ---------- */
.related { padding-top: var(--s-12); }
.related__title { margin: 0 0 var(--s-6); font-size: 24px; line-height: 1.1; }
.related__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-6) var(--s-3); }
@media (min-width: 1024px) {
	.related { max-width: calc(1148px + 2 * var(--gutter)); padding-top: var(--s-16); }
	.related__title { font-size: 28px; }
	.related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
}

/* ---------- Zijbalk-plek in de layout (inhoud: sidebar.css) ---------- */
@media (max-width: 1023px) {
	.single-layout > .sidebar { margin-top: var(--s-8); }
}

/* ---------- Ctrl+P op de receptpagina: alleen titel, foto en receptkaart ---------- */
@media print {
	.site-header, .mobile-menu, #wrpr-custom, .breadcrumbs, .byline, .post-head__rating, .post-head__actions,
	.post-head__facts-rating, .sidebar, .comments, #comments, .post-foot, .related, .site-footer,
	.ss-inline-share-wrapper, #ss-sticky-bar, .adPushupAds, .rcard__buttons, .portions, .shopblock,
	.rcard__insta, .lcc-toast, .entry-content > :not(.tasty-recipes):not(.tasty-recipes-jump-target) { display: none !important; }
	body { background: #fff; font-size: 12pt; }
	.single-layout { display: block; padding: 0; }
	.post-head__photo { max-width: 6cm; }
	.rcard { padding: 0; background: #fff; }
	.rcard__ingredients-body a { color: inherit; text-decoration: none; }
	.rcard__steps ol > li::before { background: #fff; color: #000; border: 1px solid #000; }
}