/* ==========================================================================
   Foody Magazine — print.css (Bouwbijbel 6.10)
   Recept printen: alleen het recept, zwart op wit, serif titel.
   Wordt ge-enqueued met media="print".
   ========================================================================== */

@page { margin: 2cm; }

/* Verberg alles wat niet bij het recept hoort */
.site-header,
.site-footer,
.site-nav,
.drawer,
.drawer-scrim,
.search-overlay,
.cookie-bar,
.recipe__sidebar,
.recipe__actions,
.recipe__tool-body,
.tool-widget,
.recipe__related,
.recipe__author,
.breadcrumbs,
.comments-area,
.skip-link,
.timer-stack,
.ingredients__actions,
.ingredient__box {
	display: none !important;
}

body {
	background: #fff !important;
	color: #000 !important;
	font-size: 12pt;
}

.recipe,
.recipe__layout,
.recipe__main {
	display: block !important;
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	grid-template-columns: none !important;
}

.recipe__head h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22pt;
	color: #000;
}

.recipe__meta { gap: 12px; color: #000; }
.recipe__meta .badge { border: 1px solid #000; background: none !important; color: #000; }

.recipe-card,
.panel {
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	background: #fff !important;
}

.recipe-card__cols { display: block !important; }
.recipe-card__ingredients { margin-bottom: 16pt; }

.ingredients { list-style: none; padding: 0; }
.ingredient { break-inside: avoid; }
.ingredient__label { display: flex; gap: 8px; }
.ingredient__qty { font-weight: 700; }

.steps { padding-left: 0; }
.step { break-inside: avoid; display: flex; gap: 10px; margin-bottom: 8pt; }
.step__num {
	font-weight: 700; border: 1px solid #000; border-radius: 50%;
	width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.step__timer, .step__figure { display: none !important; }

.recipe-card__tips, .notice { border: 1px solid #000 !important; background: none !important; padding: 8pt !important; break-inside: avoid; }

.nutrition-table { width: 100%; border-collapse: collapse; }
.nutrition-table th, .nutrition-table td { text-align: left; padding: 3pt 0; border-bottom: 1px solid #ccc; }

/* Recept-URL onderaan (Bouwbijbel 6.10) */
.recipe__main::after {
	content: "Recept van foodymagazine.nl · " attr(data-print-url);
	display: block;
	margin-top: 16pt;
	padding-top: 8pt;
	border-top: 1px solid #000;
	font-size: 9pt;
}