/* Amenity ticks — Figma 1:5982–1:5988. Pills mirror the header tag pills
   (gold bg, forest-dark text). The ✓ stays as the leading glyph and
   inherits the pill text colour.
   Spacing comes from the shared --ibv-tick-* tokens (tokens.css), kept in
   step with .ibv-distance-ticks — tweak there, both move. */

.ibv-amenity-ticks {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ibv-tick-pills-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.ibv-amenity-ticks__item {
	display: flex;
	align-items: center;
	gap: var(--ibv-tick-pill-gap);
	padding: var(--ibv-tick-pill-padding);
	background: var(--ibv-color-gold-100);
	border-radius: var(--ibv-radius-pill);
	font-family: var(--ibv-font-body);
	font-size: var(--ibv-fs-small);
	line-height: var(--ibv-lh-cozy);
	color: var(--ibv-color-forest-green-deep);
}

.ibv-amenity-ticks__tick {
	color: inherit;
	font-weight: var(--ibv-font-weight-regular);
}