/*
 * afoodlover.com -- fixture styling.
 *
 * Intentionally plain and self-contained. The visual design of the WordPress
 * side is not the deliverable; it exists so the fixture is legible while
 * building and so the migration has something concrete to compare against.
 * The Volt target is where design effort belongs.
 */

.afl-card {
	border: 1px solid #e2ddd4;
	border-radius: 10px;
	padding: 1.25rem 1.5rem;
	margin: 2rem 0;
	background: #fffdf9;
}
.afl-card__title { margin: 0 0 .35rem; font-size: 1.4rem; }
.afl-card__meta { margin: 0 0 1rem; color: #6b6357; font-size: .9rem; }
.afl-card__meta span + span::before { content: " · "; }
.afl-card__ingredients { list-style: none; padding: 0; margin: 0 0 1rem; }
.afl-card__ingredients li { padding: .3rem 0; border-bottom: 1px dotted #e8e2d8; }
.afl-qty { font-variant-numeric: tabular-nums; }
.afl-unit { color: #6b6357; }
.afl-card__steps li { margin-bottom: .85rem; line-height: 1.6; }

.afl-servings-control { display: inline-flex; align-items: center; gap: .5rem; }
.afl-servings-control button {
	width: 2rem; height: 2rem; border-radius: 50%;
	border: 1px solid #cfc7ba; background: #fff; cursor: pointer;
}

.afl-timer {
	font: inherit; font-size: .85rem;
	padding: .2rem .6rem; margin-left: .5rem;
	border: 1px solid #cfc7ba; border-radius: 999px;
	background: #fff; cursor: pointer;
	font-variant-numeric: tabular-nums;
}
.afl-timer.is-done { background: #e9f5e9; border-color: #8bbf8b; }

.afl-callout {
	border-left: 3px solid #c98b3a;
	background: #fdf6ec;
	padding: .85rem 1.1rem;
	margin: 1.5rem 0;
	border-radius: 0 6px 6px 0;
}
.afl-callout__label {
	display: block; font-size: .75rem; letter-spacing: .08em;
	text-transform: uppercase; color: #9a6a24; margin-bottom: .3rem;
}
.afl-callout--warning { border-left-color: #b4453a; background: #fdefee; }
.afl-callout--warning .afl-callout__label { color: #9a3229; }

.afl-in-season ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.afl-in-season li a {
	display: inline-block; padding: .25rem .7rem;
	border: 1px solid #cfc7ba; border-radius: 999px;
	text-decoration: none; font-size: .85rem;
}

#afl-index .afl-facets { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.5rem; }
#afl-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1.25rem; }
#afl-results[aria-busy="true"] { opacity: .5; }
.afl-tile img { width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 8px; }
.afl-tile h3 { font-size: 1rem; margin: .5rem 0 .2rem; }
.afl-tile__meta { color: #6b6357; font-size: .82rem; margin: 0; }

.afl-nutrition { list-style: none; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap; font-size: .85rem; }
.afl-ing-ref { border-bottom: 1px dotted currentColor; text-decoration: none; }