/**
 * Scheda ricetta (front-end). Usa i token del tema (theme.json) con fallback.
 */
.ues-recipe {
	--ues-primary: var(--wp--preset--color--primary, #3c5a2e);
	--ues-primary-dark: var(--wp--preset--color--primary-dark, #2a4020);
	--ues-accent: var(--wp--preset--color--accent, #b4471f);
	--ues-base-2: var(--wp--preset--color--base-2, #f0e7d6);
	--ues-stone: var(--wp--preset--color--stone, #cabfa8);
	--ues-contrast: var(--wp--preset--color--contrast, #241c14);
	margin-top: 2.5rem;
}

.ues-recipe__section {
	margin: 2.5rem 0;
}
.ues-recipe__section h2 {
	font-family: var(--wp--preset--font-family--display, Georgia, serif);
	color: var(--ues-primary-dark);
	margin-bottom: 1rem;
}

/* --- Barra tempi --- */
.ues-recipe-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 2rem;
	padding: 1.25rem 1.5rem;
	background: var(--ues-base-2);
	border-radius: 14px;
}
.ues-recipe-meta__item {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.ues-recipe-meta__item span {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ues-accent);
}
.ues-recipe-meta__item b {
	font-family: var(--wp--preset--font-family--display, Georgia, serif);
	font-size: 1.2rem;
	color: var(--ues-primary-dark);
	font-weight: 600;
}

/* --- Ingredienti --- */
.ues-ingr__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 0.6rem 1.5rem;
}
.ues-ingr__list li {
	padding: 0.55rem 0;
	border-bottom: 1px solid var(--ues-stone);
}
.ues-ingr__qty {
	font-weight: 700;
	color: var(--ues-primary-dark);
	margin-right: 0.35rem;
}
.ues-ingr__note {
	color: #6b6255;
	font-size: 0.92em;
}

/* --- Procedimento --- */
.ues-steps__list {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: none;
}
.ues-steps__item {
	display: flex;
	gap: 1rem;
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--ues-stone);
}
.ues-steps__item:last-child {
	border-bottom: 0;
}
.ues-steps__num {
	flex: 0 0 2.2rem;
	height: 2.2rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--ues-primary);
	color: #fff;
	font-family: var(--wp--preset--font-family--display, Georgia, serif);
	font-weight: 600;
	font-size: 1.1rem;
}
.ues-steps__body > :first-child { margin-top: 0; }
.ues-steps__body > :last-child { margin-bottom: 0; }

/* --- Note --- */
.ues-notes {
	display: grid;
	gap: 1.25rem;
	padding: 1.5rem;
	background: var(--ues-base-2);
	border-radius: 14px;
}
.ues-note h3 {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--ues-accent);
}
.ues-note > :last-child { margin-bottom: 0; }

/* --- FAQ --- */
.ues-faq__item {
	border-bottom: 1px solid var(--ues-stone);
	padding: 0.9rem 0;
}
.ues-faq__item summary {
	cursor: pointer;
	font-weight: 600;
	font-size: 1.05rem;
	color: var(--ues-primary-dark);
	list-style: none;
}
.ues-faq__item summary::-webkit-details-marker { display: none; }
.ues-faq__item summary::before {
	content: "+";
	display: inline-block;
	width: 1.2em;
	font-weight: 700;
	color: var(--ues-accent);
}
.ues-faq__item[open] summary::before { content: "\2013"; }
.ues-faq__item > :not(summary) { margin-top: 0.6rem; }

@media print {
	.ues-recipe-meta, .ues-notes { background: transparent; border: 1px solid #ccc; }
	.ues-faq__item[open] { display: block; }
}