/* ─────────────────────────────────────────────
   Filter Region — Reusable region button group
   Used on: /map, /activities, /participants, /calendar
   ───────────────────────────────────────────── */

/* Base button style */
.filter-region .btn {
	font-size: 16px;
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	text-transform: uppercase;
}

/* Default state — region color background, white text */
.filter-region .btn-sf {
	background-color: #EEA31B !important;
	border-color: #EEA31B !important;
	color: #fff !important;
}

.filter-region .btn-nb {
	background-color: #a3a983 !important;
	border-color: #a3a983 !important;
	color: #fff !important;
}

.filter-region .btn-eb {
	background-color: #af95a6 !important;
	border-color: #af95a6 !important;
	color: #fff !important;
}

.filter-region .btn-sv {
	background-color: #e08433 !important;
	border-color: #e08433 !important;
	color: #fff !important;
}

.filter-region .btn-co {
	background-color: #91b6bb !important;
	border-color: #91b6bb !important;
	color: #fff !important;
}

/* ALL button — grey filled */
.filter-region .btn-all {
	background-color: rgb(108, 117, 125) !important;
	border-color: rgb(108, 117, 125) !important;
	color: #fff !important;
}

/* Active state — underline text of selected region */
.filter-region .btn.active {
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

/* ALL active — no underline */
.filter-region .btn-all.active {
	text-decoration: none !important;
}

/* Remove Bootstrap focus ring */
.filter-region .btn:focus,
.filter-region .btn.active:focus {
	box-shadow: none !important;
}

/* Hover */
.filter-region .btn:hover {
	opacity: 0.85;
}