/*
 * KS Dil ve Konum (v2.450.0) — gösterge (.ks-locale) + popup formu (.ks-lf).
 * Burada yalnız İSKELET ve makul varsayılanlar var; renk, tipografi, boşluk,
 * kenarlık gibi her görünüm ayarı widget'ın Elementor stil panelinden gelir
 * ({{WRAPPER}} seçicileri bu kurallardan daha özgül).
 */

/* ── Gösterge ── */
/* Widget kabı FLEX: gösterge satır içi (inline-flex) olduğu için blok kap, gövdenin
 * satır yüksekliğiyle (16px × 1.85) bir satır kutusu açıyor ve göstergenin altına
 * padding'le alınamayan ~9px boşluk bırakıyordu (ölçüldü: gösterge 18px, widget 29.6px). */
.elementor-widget-ks-locale,
.elementor-widget-ks-locale > .elementor-widget-container {
	display: flex;
	align-items: center;
	min-width: 0;
}
.ks-locale {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border: 0 solid transparent;
	transition: color .2s, background-color .2s, border-color .2s;
}
.ks-locale:hover,
.ks-locale:focus-visible { text-decoration: none; }
.ks-locale__flag {
	display: block;
	flex: 0 0 auto;
	width: 20px;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 2px;
}
.ks-locale__loc {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* v2.459.0: parça = [ikon] + metin (konum ikonu + konum · dünya ikonu + dil adı); boyut/boşluk widget değişkenleriyle */
.ks-locale__part { display: inline-flex; align-items: center; gap: var(--ks-locale-icon-gap, 4px); min-width: 0; }
.ks-locale__icon { display: inline-flex; align-items: center; flex: 0 0 auto; font-size: var(--ks-locale-icon-size, 1.15em); line-height: 1; }
.ks-locale__icon svg { width: 1em; height: 1em; fill: currentColor; }
.ks-locale__sep { margin: 0 .35em; opacity: .7; }
.ks-locale__caret { display: inline-flex; align-items: center; font-size: 12px; line-height: 1; }
.ks-locale__caret svg { width: 12px; height: 12px; fill: currentColor; }

/* ── Popup formu ──
 * Dropdown'lar sitenin ORTAK dropdown'u: select.ks-dd (frontend.css) + adet-dropdown.js
 * paneli — referans ürün formu varyasyon select'i (operatör, 27 Eyl). Etiket ve metin
 * alanı ortak form derisi (ks-fields.css, .ks-vm-co). Burada yalnız düzen. */
.ks-lf {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
}
.ks-lf__second { display: flex; flex-direction: column; gap: 14px; }
.ks-lf__second:empty { display: none; }
.ks-lf .form-row { margin: 0; }
.ks-lf .woocommerce-input-wrapper { display: block; position: relative; }
.ks-lf__req { color: #c0392b; }

.ks-lf__msg { margin: 0; font-size: 13px; color: #c0392b; }
.ks-lf__msg[hidden] { display: none; }
.ks-lf .ks-lf__btn {
	align-self: stretch;
	margin: 4px 0 0;
	padding: 13px 24px;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	color: #000;
	background-color: #ffe323;
	border: 0 solid transparent;
	border-radius: 40px;
	cursor: pointer;
	transition: color .2s, background-color .2s, border-color .2s;
}
.ks-lf .ks-lf__btn:hover { background-color: #ffce12; }
.ks-lf .ks-lf__btn.is-loading { opacity: .6; cursor: progress; }