/**
 * Kidoclassic Core - Multi-Currency switcher.
 */

.kc-currency-switcher {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.kc-currency-switcher select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	min-width: 96px;
	padding: 8px 36px 8px 12px;
	font-size: 14px;
	line-height: 1.2;
	color: #1a1a1a;
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	/* Chevron drawn as an inline SVG so no extra assets are needed. */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.kc-currency-switcher select:hover {
	border-color: #b5b5b5;
}

.kc-currency-switcher select:focus {
	outline: none;
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}

/* Visually hidden label, kept accessible to screen readers. */
.kc-currency-switcher .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Mobile friendly: full-width, larger tap target. */
@media (max-width: 600px) {
	.kc-currency-switcher,
	.kc-currency-switcher select {
		width: 100%;
	}

	.kc-currency-switcher select {
		padding: 10px 36px 10px 12px;
		font-size: 16px; /* Prevents iOS zoom on focus. */
	}
}