/* WooW! — Kur Değiştirici */

.woow-fxsw {
	display: inline-flex;
	align-items: center;
	gap: var(--woow-fxsw-gap, 8px);
	font-size: var(--woow-fxsw-size, 14px);
	line-height: 1.4;

	/* Zemin ve yazı rengi BİRLİKTE tanımlanır. Yazıyı `inherit` bırakmak koyu
	   temalarda beyaz kutu üstüne beyaz yazı üretiyordu — kendi kutumuz varsa
	   kendi kontrastımızı da garanti etmeliyiz. */
	--woow-fxsw-bg: #fff;
	--woow-fxsw-color: #2c3338;
	--woow-fxsw-border: #d5d8dd;
	--woow-fxsw-active-color: #fff;
	--woow-fxsw-accent: #2271b1;
}

/* Yan yana görünümde kendi zeminimiz yok → temanın rengini miras al.
   Ayırıcı çizgi de sabit gri yerine metin renginin soluk hâli olsun. */
.woow-fxsw--inline {
	--woow-fxsw-color: inherit;
	--woow-fxsw-border: currentColor;
}

.woow-fxsw--inline .woow-fxsw__item + .woow-fxsw__item {
	border-left-color: currentColor;
	opacity: .65;
}

.woow-fxsw__label {
	color: var(--woow-fxsw-label-color, inherit);
	white-space: nowrap;
}

/* --- Açılır liste --- */
.woow-fxsw__select {
	appearance: none;
	-webkit-appearance: none;
	padding: var(--woow-fxsw-pad-y, 6px) calc(var(--woow-fxsw-pad-x, 10px) + 16px) var(--woow-fxsw-pad-y, 6px) var(--woow-fxsw-pad-x, 10px);
	border: 1px solid var(--woow-fxsw-border);
	border-radius: var(--woow-fxsw-radius, 6px);
	background-color: var(--woow-fxsw-bg);
	color: var(--woow-fxsw-color);
	font: inherit;
	line-height: 1.4;
	cursor: pointer;
	/* ok işareti — harici görsel istemiyoruz (CSP/offline güvenli) */
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: right 12px center, right 7px center;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}

.woow-fxsw__select:focus-visible {
	outline: 2px solid var(--woow-fxsw-accent);
	outline-offset: 1px;
}

/* --- Kutucuklar --- */
.woow-fxsw__items {
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--woow-fxsw-item-gap, 6px);
}

.woow-fxsw--boxes .woow-fxsw__item {
	padding: var(--woow-fxsw-pad-y, 6px) var(--woow-fxsw-pad-x, 12px);
	border: 1px solid var(--woow-fxsw-border);
	border-radius: var(--woow-fxsw-radius, 6px);
	background: var(--woow-fxsw-bg);
	color: var(--woow-fxsw-color);
	font: inherit;
	line-height: 1.4;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.woow-fxsw--boxes .woow-fxsw__item:hover {
	border-color: var(--woow-fxsw-accent);
}

.woow-fxsw--boxes .woow-fxsw__item.is-active {
	background: var(--woow-fxsw-accent);
	border-color: var(--woow-fxsw-accent);
	color: var(--woow-fxsw-active-color);
}

/* --- Yan yana bağlantılar --- */
.woow-fxsw--inline .woow-fxsw__items {
	gap: 0;
}

.woow-fxsw--inline .woow-fxsw__item {
	padding: 0 var(--woow-fxsw-pad-x, 8px);
	border: 0;
	background: none;
	color: var(--woow-fxsw-color);
	font: inherit;
	line-height: 1.4;
	cursor: pointer;
	opacity: .65;
}

.woow-fxsw--inline .woow-fxsw__item + .woow-fxsw__item {
	border-left: 1px solid var(--woow-fxsw-border);
}

.woow-fxsw--inline .woow-fxsw__item:hover {
	opacity: 1;
}

.woow-fxsw--inline .woow-fxsw__item.is-active {
	opacity: 1;
	font-weight: 600;
	color: var(--woow-fxsw-accent);
}

.woow-fxsw__item:focus-visible {
	outline: 2px solid var(--woow-fxsw-accent);
	outline-offset: 1px;
}

/* Seçim işlenirken tıklamayı kilitle */
.woow-fxsw.is-busy {
	opacity: .55;
	pointer-events: none;
}

.woow-fxsw__note {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--woow-fxsw-note-color, #666);
}