/* Brand tokens + sizing */
.pfv {
	--pfv-blue: #102849;
	/* dark blue */
	--pfv-orange: #ee8c28;
	/* orange */
	--pfv-gray: #efefef;
	/* gray */
	--pfv-focus: #ee8c28;

	--pfv-font-size: 12px;
	--pfv-border-w: 1px;
	
	margin:0px 0px 40px 0px;
}

.pfv__group+.pfv__group {
	margin-top: 1rem;
}

.pfv__label {font-weight:600; font-size:15px;}

/* Swatch row */
.pfv__swatches {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-top: 4px;
}

/* Base swatch (NORMAL) */
.pfv .pfv__swatch {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: .45rem .8rem;
	border-radius: 10px;
	line-height: 1.2;
	text-decoration: none;

	/* unified typography + border */
	font-weight: 400;
	font-size: var(--pfv-font-size);
	border: 1px solid rgba(16, 40, 73, 0.25);
	background: #fff;
	color: var(--pfv-blue);

	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.pfv a.pfv__swatch:hover {
	background: #fafafa;
}

.pfv .pfv__swatch:focus-visible {
	outline: 2px solid var(--pfv-focus);
	outline-offset: 2px;
}

.pfv .pfv__swatch[aria-current="true"]:before{content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:5px;}

/* SELECTED/CURRENT — border same as bg */
.pfv .pfv__swatch.is-current,
.pfv .pfv__swatch[aria-current="true"] {
	background: #fcebda;
	border-color: #fcebda;
	/* same color as bg */
	color: var(--pfv-blue);
	font-weight: 400;
	/* keep consistent */
	pointer-events: none;
	cursor: default;
}

.pfv .pfv__swatch.is-disabled {display:none;}

/* DISABLED — border same as bg */
.pfv .pfv__swatch[disabled] {
	background: var(--pfv-gray);
	border-color: var(--pfv-gray);
	/* same color as bg */
	color: var(--pfv-blue);
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.7;
	/* keep readable */
}