/* Tempest Coffee — Menu Display styles
 * Loaded by tempest-coffee-menu.php via wp_enqueue_style().
 * Safe to edit colors/spacing here without touching the PHP file.
 */

.tc-menu-filters { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 30px; padding: 0; }
.tc-menu-filters li,
.tc-menu-subfilters li { list-style: none; }
.tc-menu-filters label,
.tc-menu-subfilters label {
	display: inline-flex; align-items: center; padding: 10px 22px;
	border: 1px solid var(--rust, #c47a3f); border-radius: 999px;
	font-family: var(--font-body, sans-serif); font-size: 12px; letter-spacing: 0.12em;
	text-transform: uppercase; background: var(--rust, #c47a3f); color: var(--ink, #161310);
	cursor: pointer; transition: background-color .2s ease, color .2s ease;
}
.tc-menu-filters input, .tc-menu-subfilters input {
	position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);
}
.tc-menu-filters label:has(input:checked),
.tc-menu-subfilters label:has(input:checked) {
	background: var(--ink, #161310); border-color: var(--ink, #161310); color: var(--cream, #f6f0e6);
}
.tc-menu-filters label:not(:has(input:checked)):hover,
.tc-menu-subfilters label:not(:has(input:checked)):hover {
	background: var(--rust-deep, #a5622c); border-color: var(--rust-deep, #a5622c); color: var(--ink, #161310);
}
.tc-menu-subfilters { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 30px; padding: 0; }
.tc-menu-subfilters label { padding: 7px 16px 7px 14px; font-size: 11px; border-style: dashed; opacity: 0.85; }

.menu-text-category { margin-bottom: 30px; }
.menu-text-cat-title {
	font-family: var(--font-body, sans-serif); font-size: 16px; font-weight: 700;
	letter-spacing: 0.13em; text-transform: uppercase; color: var(--rust, #c47a3f);
	margin: 0 0 13px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
}
.menu-text-items { display: flex; flex-direction: column; row-gap: 16px; }
.menu-text-item-row { display: flex; justify-content: space-between; align-items: baseline; column-gap: 16px; }
.menu-text-item-name { font-family: var(--font-display, serif); font-size: 17px; font-weight: 500; color: var(--ink, #161310); }
.menu-text-item-desc { font-size: 16px; line-height: 1.2; color: #6b6459; margin-top: 3px; }
.tc-menu .price { font-family: var(--font-display, serif); font-size: 18px; color: var(--rust, #c47a3f); text-align: right; white-space: nowrap; }
.menu-text-cat-title .price { font-size: 16px; }

/* Column layout — tempest-coffee-menu.js creates 1–3 .menu-col children
 * inside this container depending on viewport width and moves the
 * category blocks into them, balanced by estimated height. */
.tc-menu-columns { display: flex; gap: 40px; align-items: flex-start; }
.menu-col { flex: 1 1 0; display: flex; flex-direction: column; gap: 20px; min-width: 0; }