/**
 * Scheda prodotto tipico + box del prodotto nell'archivio ingrediente.
 */

/* --- Barra informativa (in testa al contenuto) ----------------------- */
.ues-prod-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin: 0 0 1.75rem;
	padding: 0.85rem 1.1rem;
	background: var(--ues-paper-2, #f6f4ee);
	border: 1px solid var(--ues-stone, #e5e0d5);
	border-radius: var(--ues-radius, 12px);
	font-size: 0.95rem;
}
.ues-prod-info__item { color: var(--ues-ink-soft, #4a4740); }
.ues-prod-info__badge {
	display: inline-block;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.03em;
	color: #fff;
	background: var(--ues-green, #3f6b3f);
}
.ues-prod-info__badge--dop { background: #7a1f2b; }
.ues-prod-info__badge--igp { background: #b06a15; }
.ues-prod-info__badge--stg { background: #2f5d80; }
.ues-prod-info__badge--pat,
.ues-prod-info__badge--deco { background: #5c5546; }

/* --- Sezioni in coda al contenuto ---------------------------------- */
.ues-prod { margin-top: 2.5rem; }
.ues-prod__section { margin-top: 2.25rem; }
.ues-prod__section h2 {
	margin: 0 0 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--ues-stone, #e5e0d5);
}
.ues-prod .ues-note { margin-bottom: 1.25rem; }
.ues-prod .ues-note h3 {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
	color: var(--ues-green-deep, #2f4f2f);
}
.ues-prod .ues-note p { margin: 0 0 0.5rem; }

/* --- Callout "Preparalo a casa" ----------------------------------- */
.ues-prod-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 2.25rem;
	padding: 1.25rem 1.4rem;
	background: var(--ues-green-tint, #eef3ec);
	border: 1px solid var(--ues-green, #3f6b3f);
	border-radius: var(--ues-radius, 12px);
}
.ues-prod-cta__title {
	margin: 0;
	font-weight: 700;
	color: var(--ues-green-deep, #2f4f2f);
}
.ues-prod-cta__text { margin: 0.15rem 0 0; color: var(--ues-ink-soft, #4a4740); }
.ues-prod-cta__btn {
	flex-shrink: 0;
	display: inline-block;
	padding: 0.6rem 1.15rem;
	border-radius: 999px;
	background: var(--ues-green, #3f6b3f);
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.ues-prod-cta__btn:hover { background: var(--ues-green-deep, #2f4f2f); }

/* --- Griglia "Ricette con questo prodotto" ------------------------ */
.ues-prod-recipes__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 1.1rem;
}
.ues-prod-recipes__item a {
	display: block;
	text-decoration: none;
	color: inherit;
}
.ues-prod-recipes__item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--ues-radius-sm, 8px);
	display: block;
}
.ues-prod-recipes__item span {
	display: block;
	margin-top: 0.5rem;
	font-weight: 600;
	line-height: 1.3;
}
.ues-prod-recipes__item a:hover span { color: var(--ues-green-deep, #2f4f2f); }

/* --- Link ingrediente → prodotto dentro la lista ricetta --------- */
.ues-ingr__link {
	color: var(--ues-green-deep, #2f4f2f);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --- Box prodotto in testa all'archivio ingrediente ------------- */
.ues-ingr-product {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin: 1.25rem 0 0;
	padding: 1rem 1.1rem;
	background: var(--ues-paper-2, #f6f4ee);
	border: 1px solid var(--ues-stone, #e5e0d5);
	border-radius: var(--ues-radius, 12px);
}
.ues-ingr-product img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: var(--ues-radius-sm, 8px);
	flex-shrink: 0;
}
.ues-ingr-product__kicker {
	display: block;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--ues-green, #3f6b3f);
}
.ues-ingr-product__title {
	display: inline-block;
	margin: 0.15rem 0 0.3rem;
	font-size: 1.15rem;
	font-weight: 700;
	text-decoration: none;
	color: var(--ues-green-deep, #2f4f2f);
}
.ues-ingr-product__excerpt { margin: 0; font-size: 0.92rem; color: var(--ues-ink-soft, #4a4740); }

@media (max-width: 640px) {
	.ues-prod-cta { flex-direction: column; align-items: flex-start; }
}