/* Edition picker on the book page (owner review 2026-09-16): the price pills are the selector. */

.kf-editions--picker {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0;
}

.kf-editions--picker .kf-editions__item {
	margin: 0;
	padding: 0;
	border: 0;
}

.kf-editions__pick {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 1px solid rgba( 18, 58, 107, .25 );
	border-radius: 999px;
	background: #fff;
	color: #123a6b;
	font: inherit;
	font-size: 14px;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.kf-editions__pick:hover,
.kf-editions__pick:focus-visible {
	background: rgba( 18, 58, 107, .07 );
	border-color: rgba( 18, 58, 107, .45 );
}

.kf-editions__item.is-selected .kf-editions__pick {
	background: #123a6b;
	border-color: #123a6b;
	color: #fff;
	box-shadow: 0 2px 8px rgba( 18, 58, 107, .25 );
}

.kf-editions__item.is-selected .kf-editions__pick .kf-editions__price,
.kf-editions__item.is-selected .kf-editions__pick .kf-editions__price * {
	color: #fff;
}

.kf-editions__pick .kf-editions__name {
	font-weight: 600;
}

.kf-editions__pick .kf-editions__price del {
	opacity: .7;
}

/* The dropdown is redundant once the pills select the edition; it stays for WooCommerce. */
body.kf-has-edition-picker .variations_form .variations {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 0 0 0 0 );
	white-space: nowrap;
}

@media ( max-width: 620px ) {
	.kf-editions__pick {
		padding: 7px 12px;
		font-size: 13px;
	}
}