/* ============================================================
   Kapadokya Beds — dil bayrakları ve para birimi simgeleri (EK DOSYA)

   Sorun: tasarım bayrak olarak emoji kullanıyordu (🇹🇷, 🇪🇺). Windows'ta
   bayrak emojisi için yazı tipi yok; tarayıcı bunları iki harf olarak
   basıyordu — seçicide "TR TR" ve "EU EUR" görünüyordu.

   Çözüm: bayraklar gerçek SVG görsellerle, para birimleri de kendi
   simgeleriyle (€ $ ₺) gösterilir. style.css'e dokunulmadı.
   ============================================================ */

/* ---------- Seçicilerin hizalanması ----------
   .picker varsayılan olarak blok; içindeki inline-flex düğme bir satır kutusu
   oluşturduğu için iki seçicinin yüksekliği (dolayısıyla dikey konumu) farklı
   çıkıyordu — biri diğerinden ~8px aşağıda duruyordu. Seçiciyi flex kutuya
   çevirmek satır kutusunu ortadan kaldırır; yükseklik artık düğmeye eşittir.
   .picker'ın position:relative'i korunur, açılır menü etkilenmez. */
.picker {
  display: inline-flex;
  align-items: center;
}

/* Her iki simge de aynı yükseklikte olmalı, yoksa düğmeler farklı boyda olur. */
.flag[data-cc],
.flag[data-cur] {
  height: 20px;
  flex-shrink: 0;
  vertical-align: middle;
}

/* ---------- Dil bayrakları ---------- */
.flag[data-cc] {
  display: inline-flex;
  width: 26px;
  border-radius: 2px;
  /* en-boy oranı korunsun, 20px'lik kutuda dikeyde ortalansın */
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  /* koyu zeminde de kenarı belli olsun */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .18);
  font-size: 0 !important;      /* içeride kalan metin görünmesin */
  line-height: 0 !important;
}

.picker-opt .flag[data-cc] { width: 28px; height: 22px; }

.flag[data-cc="tr"] { background-image: url("flags/tr.svg"); }
.flag[data-cc="gb"] { background-image: url("flags/gb.svg"); }
.flag[data-cc="ru"] { background-image: url("flags/ru.svg"); }
.flag[data-cc="es"] { background-image: url("flags/es.svg"); }
.flag[data-cc="fr"] { background-image: url("flags/fr.svg"); }
.flag[data-cc="cn"] { background-image: url("flags/cn.svg"); }
.flag[data-cc="de"] { background-image: url("flags/de.svg"); }
.flag[data-cc="jp"] { background-image: url("flags/jp.svg"); }

/* ---------- Para birimi simgesi ---------- */
/* Bayrak yerine paranın kendi simgesi: € $ ₺ */
.flag[data-cur] {
  display: inline-grid;
  place-items: center;
  width: 20px;
  border-radius: 50%;
  background: var(--sand);
  color: var(--terra);
  font-family: var(--ff-mono);
  font-size: 0.82rem !important;
  font-weight: 700;
  line-height: 1 !important;
  flex-shrink: 0;
}

.picker-opt .flag[data-cur] { width: 24px; height: 24px; font-size: 0.9rem !important; }

/* Seçili seçenekte simge markanın rengiyle dolsun */
.picker-opt.is-selected .flag[data-cur] { background: var(--terra); color: #fff; }