/*
Theme Name: Alpha Gal Bites
Description: Bespoke theme for alphagalbites.com, drawn from a painted food truck: enamel paint, an awning, a service window.
Version: 0.2.0
Text Domain: alphagalbites
*/

:root {
	--agb-paint: #0b6e6e;
	--agb-mustard: #f2b705;
	--agb-ink: #1b1f3b;
	--agb-ticket: #ffffff;
	--agb-gap: 16px;
	--agb-section: 32px;
	--agb-measure: 44rem;
	--agb-sign: "Shrikhand", Georgia, serif;
	--agb-body: "Karla", system-ui, sans-serif;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--agb-mustard);
	color: var(--agb-ink);
	font-family: var(--agb-body);
	font-size: 1.125rem;
	line-height: 1.5;
}

h1, h2, h3 { margin: 0; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
a { color: inherit; }

.agb-wrap {
	max-width: var(--agb-measure);
	margin: 0 auto;
	padding: var(--agb-section) 16px;
}

/* The header is the truck's roofline, and the awning hangs from it. */
.agb-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--agb-gap);
	max-width: var(--agb-measure);
	margin: 0 auto;
	padding: 12px 16px;
}

.agb-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--agb-sign);
	font-size: 1.375rem;
	text-decoration: none;
	white-space: nowrap;
}

.agb-brand img { display: block; width: 44px; height: 44px; }
.agb-nav a { font-weight: 700; }

.agb-awning {
	height: 28px;
	background: repeating-linear-gradient(90deg, var(--agb-ticket) 0 32px, var(--agb-paint) 32px 64px);
	border-bottom: 4px solid var(--agb-ink);
}

.agb-side {
	background: var(--agb-paint);
	color: var(--agb-ticket);
}

.agb-hero h1 {
	font-family: var(--agb-sign);
	font-size: clamp(2.5rem, 11vw, 4.5rem);
	font-weight: 400;
	line-height: 1.05;
	color: var(--agb-mustard);
}

.agb-hero p { margin-top: var(--agb-gap); font-size: 1.25rem; max-width: 34rem; }

.agb-button {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 20px;
	background: var(--agb-mustard);
	color: var(--agb-ink);
	border: 3px solid var(--agb-ink);
	font-weight: 700;
	text-decoration: none;
}

/* The menu is an order ticket passed out of the window. */
.agb-ticket {
	max-width: var(--agb-measure);
	margin: 0 auto var(--agb-section);
	padding: 24px 16px;
	background: var(--agb-ticket);
	border-bottom: 4px dashed var(--agb-ink);
}

.agb-ticket h1 {
	font-family: var(--agb-sign);
	font-size: 2.5rem;
	font-weight: 400;
}

.agb-ticket > p { margin-top: 12px; }
.agb-section { margin-top: var(--agb-section); }
.agb-section h2 { font-family: var(--agb-sign); font-size: 1.625rem; font-weight: 400; color: var(--agb-paint); }
.agb-dish { margin-top: var(--agb-gap); }
.agb-dish__head { display: flex; justify-content: space-between; gap: var(--agb-gap); }
.agb-dish__name { font-size: 1.125rem; }
.agb-dish__price { font-weight: 700; white-space: nowrap; }
.agb-dish__description p, .agb-dish__note { margin-top: 4px; }
.agb-dish__note { font-size: 1rem; font-weight: 700; color: var(--agb-paint); }

.agb-foot {
	max-width: var(--agb-measure);
	margin: 0 auto;
	padding: 16px;
	font-size: 1rem;
}

@media (min-width: 46rem) {
	.agb-ticket { padding: 32px; }
}