/* KS Uzunluklar widget'ı (ks-lengths, v2.481.0, 24 Eki 2026) — yapı + varsayılan görünüm.
 * Widget Biçim sekmesi {{WRAPPER}} seçicileriyle bunları ezer; pil boyu --ks-len-size değişkeni.
 * Ön yüz etkileşimi assets/js/ks-card-lengths.js (REST ks-vm/v1/card ile kart yerinde değişir). */
.ks-len-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; --ks-len-size: 24px; }
.ks-len-chips__label { flex: 0 0 100%; font-size: 12px; line-height: 1.3; color: #6b6b6b; }
.ks-len-chip { flex: 0 0 auto; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: var(--ks-len-size); height: var(--ks-len-size); min-width: var(--ks-len-size); padding: 0; border: 1px solid #e0e0e0; border-radius: 999px; font-size: 10px; font-weight: 600; line-height: 1; color: #1a1a1a; background: #fff; text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.ks-len-chip:hover { border-color: #000; }
.ks-len-chip.is-current { border-color: #000; background: #000; color: #fff; cursor: default; }
.ks-len-chips.is-loading .ks-len-chip { opacity: .5; pointer-events: none; }
/* Genişlik kipi: sabit (kare/daire) ya da metne göre (min genişlik = pil boyu, iç boşluk widget'tan). */
.elementor-widget-ks-lengths.ks-len-w-auto .ks-len-chip { width: auto; padding: 0 8px; }
/* Görünürlük anahtarı — Elementor boş değere prefix sınıfı basmaz: "evet sınıfı YOKSA gizle". */
.elementor-widget-ks-lengths:not(.ks-len-label-yes) .ks-len-chips__label { display: none !important; }
/* Düzen: sarıl (varsayılan) ya da tek satır yatay kaydırma. */
.elementor-widget-ks-lengths.ks-len-layout-scroll .ks-len-chips { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.elementor-widget-ks-lengths.ks-len-layout-scroll .ks-len-chips::-webkit-scrollbar { display: none; }
.elementor-widget-ks-lengths.ks-len-layout-scroll .ks-len-chips__label { flex-basis: auto; width: 100%; }
/* Editör notları */
.ks-len-chips--empty { font-size: .8em; color: #999; font-style: italic; }
.ks-len-chips--demo .ks-len-chip { cursor: default; }