/*!
 * Food category rail (Comp-food-category-slider) — round plates, label below.
 * Markup: includes/food-categories.php → bfw_food_category_tiles(). Handle:
 * bfw-food-cats (depends on the theme's bch-ui for .bsy-rail). Used on the
 * home page and every category page. Tokens: the theme's --bsy-*.
 */
.bfw-cats .bsy-rail__track { --bsy-rail-w: 76px; --bsy-rail-gap: var(--bsy-space-4); }
.bfw-cat {
	display: flex; flex-direction: column; align-items: center; gap: var(--bsy-space-2);
	min-width: 76px;
	color: var(--bsy-ink);
	text-decoration: none;
	border-radius: var(--bsy-radius-md);
}
.bfw-cat__ph {
	display: block;
	width: 64px; height: 64px;
	border-radius: var(--bsy-radius-pill);
	box-sizing: border-box;
	padding: 3px; /* white inset ring: the photo never touches the selection ring */
	border: 2px solid transparent;
	background: var(--bsy-white);
}
.bfw-cat__ph img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--bsy-radius-pill); background: var(--bsy-grey-50); }
.bfw-cat__t {
	font-size: var(--bsy-text-sm);
	font-weight: var(--bsy-fw-medium);
	line-height: 1.4;
	white-space: nowrap;
}
.bfw-cat[aria-current="page"] .bfw-cat__ph { border-color: var(--bsy-brand); }
.bfw-cat[aria-current="page"] .bfw-cat__t { color: var(--bsy-brand); font-weight: var(--bsy-fw-semibold); }
@media (hover: hover) {
	.bfw-cat:hover .bfw-cat__t { color: var(--bsy-brand); }
}
@media (min-width: 641px) {
	.bfw-cats .bsy-rail__track { --bsy-rail-w: 104px; --bsy-rail-gap: var(--bsy-space-5); }
	.bfw-cat__ph { width: 84px; height: 84px; }
}