/**
 * Frontend taxonomy + metadata chips — one chrome definition for every module/view.
 *
 * Sizes : :root --bk-ui-chip-* (includes/styling/design-standard.php).
 * Colors: --bk-single-* (single), --bk-highlight-* / --bk-amenity-* (highlights & amenities),
 *         --bk-views-* / --bs-arch-* (list & grid archive), --bk-rentals-catalog-* (rental catalog rows).
 *
 * Module stylesheets only set layout (margin, flex, max-width, clamp) — not padding, radius, or font-size.
 */

/* ------------------------------------------------------------------ category */
body :is(
	.bs-single__taxonomy-chip--category,
	.bs-event-list-item__categories--corner,
	.bs-event-grid-card__categories--corner
) {
	box-sizing: border-box;
	padding: var(--bk-ui-chip-category-padding-y) var(--bk-ui-chip-category-padding-x);
	border-radius: var(--bk-ui-chip-category-radius);
	font-size: var(--bk-ui-chip-category-font-size);
	font-weight: var(--bk-ui-chip-category-font-weight);
	line-height: 1.35;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bs-single__taxonomy-chip--category {
	background: var(--bk-single-category-bg, var(--bs-accent));
	color: var(--bk-single-category-text, #fff);
	border: none;
	box-shadow: 0 1px 3px rgba(28, 25, 23, 0.12);
}

.bs-event-list-item__categories--corner,
.bs-event-grid-card__categories--corner {
	color: var(--bs-arch-list-category-text, var(--bs-arch-accent, var(--bk-btn-accent, #115e59)));
	background: var(--bs-arch-list-category-bg, transparent);
}

.bs-event-grid-card__categories--corner {
	color: var(--bs-arch-grid-category-text, var(--bs-arch-accent, var(--bk-btn-accent, #115e59)));
	background: var(--bs-arch-grid-category-bg, transparent);
}

/* ------------------------------------------------------------------ tag */
body :is(
	.bs-single__taxonomy-chip--tag,
	.bs-event-list-item__tag-pill,
	.bs-event-grid-card__tag-pill
) {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--bk-ui-chip-tag-padding-y) var(--bk-ui-chip-tag-padding-x);
	border-radius: var(--bk-ui-chip-tag-radius);
	font-size: var(--bk-ui-chip-tag-font-size);
	font-weight: var(--bk-ui-chip-tag-font-weight);
	font-style: italic;
	line-height: 1.35;
	text-align: center;
	border-width: var(--bk-ui-chip-tag-border-width);
	border-style: var(--bk-ui-chip-tag-border-style);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.bs-single__taxonomy-chip--tag {
	background: var(--bk-single-tag-bg, var(--bs-accent-soft, var(--bs-chip-bg, var(--bs-page))));
	color: var(--bk-single-tag-text, var(--bs-muted));
	border-color: var(--bk-single-tag-border, var(--bs-border));
	box-shadow: none;
}

.bs-event-list-item__tag-pill {
	color: var(--bs-arch-list-tag-text, var(--bs-arch-muted, #64748b));
	background: var(--bk-views-tag-bg, var(--bs-arch-list-tag-bg, var(--bs-arch-list-surface, var(--bs-arch-surface, #fff))));
	border-color: var(--bk-views-tag-border-color, currentColor);
}

.bs-event-grid-card__tag-pill {
	color: var(--bs-arch-grid-tag-text, var(--bs-arch-muted, #64748b));
	background: var(--bk-views-tag-bg, var(--bs-arch-grid-tag-bg, var(--bs-arch-grid-surface, var(--bs-arch-surface, #fff))));
	border-color: var(--bk-views-tag-border-color, currentColor);
}

/* Views → Tag radius and font size override the Brand tag chip on archive list/grid tags only. */
body :is(.bs-event-list-item__tag-pill, .bs-event-grid-card__tag-pill) {
	border-radius: var(--bk-views-tag-radius, var(--bk-ui-chip-tag-radius));
	font-size: var(--bk-views-tag-font-size, var(--bk-ui-chip-tag-font-size));
}

/* Views → Category font size on archive list/grid category chips only. */
body :is(.bs-event-list-item__categories--corner, .bs-event-grid-card__categories--corner) {
	font-size: var(--bk-views-category-font-size, var(--bk-ui-chip-category-font-size));
}

/* ------------------------------------------------------------------ highlight (filled metadata chips) */
body :is(
	.bs-single__chip.bs-single__chip--highlight,
	.rental-booking .rental-catalog-row__highlight
) {
	box-sizing: border-box;
	padding: var(--bk-ui-chip-highlight-padding-y) var(--bk-ui-chip-highlight-padding-x);
	border-radius: var(--bk-ui-chip-highlight-radius);
	font-size: var(--bk-ui-chip-highlight-font-size);
	font-weight: var(--bk-ui-chip-highlight-font-weight);
	line-height: 1.3;
	border-width: var(--bk-ui-chip-highlight-border-width);
	border-style: solid;
}

.bs-single__chip.bs-single__chip--highlight,
.bs-single__section.bs-single__amenities .bs-single__chip.bs-single__chip--highlight {
	background: var(--bk-highlight-bg, var(--bs-accent));
	color: var(--bk-highlight-text, #fff);
	border-color: transparent;
	box-shadow: var(--bs-shadow-soft);
}

.rental-booking .rental-catalog-row__highlight {
	background: var(--bk-rentals-catalog-highlight-bg, var(--bk-highlight-bg, rgba(0, 0, 0, 0.04)));
	color: var(--bk-rentals-catalog-highlight-text, var(--bk-highlight-text, inherit));
	border-color: transparent;
}

/* ------------------------------------------------------------------ amenity / capacity (outline-style chips) */
body :is(
	.bs-single__section.bs-single__amenities .bs-single__chip:not(.bs-single__chip--highlight),
	.bs-single__chip:not(.bs-single__chip--highlight),
	.bs-event-list-item__capacity,
	.bs-event-grid-card__capacity,
	.rental-booking .rental-catalog-row__tag
) {
	box-sizing: border-box;
	padding: var(--bk-ui-chip-amenity-padding-y) var(--bk-ui-chip-amenity-padding-x);
	border-radius: var(--bk-ui-chip-amenity-radius);
	font-size: var(--bk-ui-chip-amenity-font-size);
	font-weight: var(--bk-ui-chip-amenity-font-weight);
	line-height: 1.3;
	border-width: var(--bk-ui-chip-amenity-border-width);
	border-style: solid;
}

.bs-single__chip:not(.bs-single__chip--highlight) {
	background: var(--bs-chip-bg);
	color: var(--bs-text);
	border-color: var(--bs-border);
}

.bs-single__section.bs-single__amenities .bs-single__chip:not(.bs-single__chip--highlight) {
	background: var(--bk-highlight-bg, var(--bs-accent));
	color: var(--bk-highlight-text, #fff);
	border-color: transparent;
	box-shadow: var(--bs-shadow-soft);
}

.bs-event-list-item__capacity,
.bs-event-grid-card__capacity {
	color: var(--bk-views-capacity-text-color, var(--bk-body-color, var(--bs-arch-ink, #1d1d1f)));
	background: var(--bk-views-capacity-bg, var(--bk-theme-panel, #f0f4fa));
	border-color: var(--bk-theme-border, #d1d5db);
	letter-spacing: 0.02em;
}

.rental-booking .rental-catalog-row__tag {
	background: var(--bk-rentals-catalog-tag-bg, var(--bk-highlight-bg, rgba(0, 0, 0, 0.07)));
	color: var(--bk-rentals-catalog-tag-text, var(--bk-highlight-text, var(--bk-rentals-catalog-muted-text, #50575e)));
	border-color: transparent;
}

/* Archive list/grid location badges (amenity-sized metadata chips). */
body :is(.bs-event-list-item__location, .bs-event-grid-card__location) {
	box-sizing: border-box;
	padding: var(--bk-ui-chip-amenity-padding-y) var(--bk-ui-chip-amenity-padding-x);
	border-radius: var(--bk-ui-chip-amenity-radius);
	font-size: var(--bk-views-location-font-size, var(--bk-ui-chip-amenity-font-size));
	font-weight: var(--bk-ui-chip-amenity-font-weight);
	line-height: 1.35;
}

body :is(.bs-single__all-day, .bs-single__rsvp-badge) {
	box-sizing: border-box;
	padding: var(--bk-ui-chip-tag-padding-y) var(--bk-ui-chip-tag-padding-x);
	border-radius: var(--bk-ui-chip-tag-radius);
	font-size: var(--bk-ui-chip-tag-font-size);
	font-weight: 700;
	line-height: 1.25;
}

.bs-single__rsvp-badge {
	font-size: var(--bk-ui-chip-category-font-size);
	font-weight: 600;
	border-radius: var(--bk-ui-chip-category-radius);
	padding: var(--bk-ui-chip-category-padding-y) var(--bk-ui-chip-category-padding-x);
}