/* Lumina Aesthetics — site-wide custom CSS. */

/* Treatments Index — category filter pills (see custom.js for behavior). */
.tp-pill {
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.tp-pill.tp-active {
	background: var(--gcid-accent) !important;
	border-color: var(--gcid-accent) !important;
}

.tp-pill.tp-active p {
	color: var(--gcid-text-inverse) !important;
	font-weight: 600 !important;
}