/* =====================================================================
   KAMUISI DÖVİZ MODÜLÜ — özel stiller
   Tema ile uyumlu (birincil #1e56c0, koyu #0f172a, vurgu #f59e0b)
   ===================================================================== */

/* --- Dil değiştirici --- */
.ki-dil-sec { gap: .25rem; }
.ki-dil-btn {
  font-size: .78rem;
  font-weight: 600;
  color: var(--ki-ink-soft, #475569);
  text-decoration: none;
  padding: .2rem .55rem;
  border-radius: 999px;
  border: 1px solid var(--ki-border, #e5e7eb);
  background: #fff;
  transition: all .15s ease;
}
.ki-dil-btn:hover { border-color: var(--ki-primary); color: var(--ki-primary); }
.ki-dil-btn.aktif { background: var(--ki-primary); border-color: var(--ki-primary); color: #fff; }

/* --- Hero (hub) --- */
.doviz-hero-kutu {
  background: linear-gradient(135deg, #0b3a7a, #1e56c0 55%, #2e7dd1);
  border-radius: 1rem;
  padding: 1.6rem 1.8rem;
  color: #fff;
}
.doviz-hero-rozet {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 999px;
  padding: .3rem .85rem;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: .7rem;
}
.doviz-hero-kutu h1 { font-size: 1.7rem; font-weight: 900; margin: 0 0 .4rem; }
.doviz-hero-kutu p { margin: 0; color: #dbe7ff; font-size: .95rem; }

/* --- Kur hero (kur sayfası) --- */
.doviz-kur-hero-kutu {
  background: linear-gradient(135deg, #0b3a7a, #1e56c0 55%, #2e7dd1);
  border-radius: 1rem;
  padding: 1.5rem 1.8rem;
  color: #fff;
}
.doviz-kur-hero-kutu h1 { font-size: 1.5rem; font-weight: 900; margin: 0 0 .8rem; }
.doviz-kur-hero-deger { display: flex; flex-direction: column; gap: .1rem; }
.doviz-kur-hero-buyuk { font-size: 2.2rem; font-weight: 900; color: #fbbf24; line-height: 1.1; }
.doviz-kur-hero-yazi { color: #dbe7ff; font-size: .88rem; }

/* --- Sonuç hero (dönüşüm sayfası) — açık, okunaklı --- */
.doviz-sonuc-hero-kutu {
  background: #fff;
  border: 1px solid var(--ki-border, #e5e7eb);
  border-left: 5px solid var(--ki-primary, #1e56c0);
  border-radius: 1rem;
  padding: 1.6rem 1.8rem;
  color: var(--ki-ink, #0f172a);
  text-align: center;
  box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
}
.doviz-sonuc-cift {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .82rem;
  font-weight: 700;
  color: var(--ki-primary);
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  padding: .25rem .8rem;
  letter-spacing: .02em;
}
.doviz-sonuc-hero-kutu h1 { font-size: 1.45rem; font-weight: 900; margin: .5rem 0 .6rem; color: var(--ki-ink, #0f172a); }
.doviz-sonuc-buyuk { font-size: 2.6rem; font-weight: 900; color: var(--ki-primary); line-height: 1.1; }
.doviz-sonuc-buyuk span { font-size: 1.3rem; font-weight: 800; color: #475569; }
.doviz-sonuc-alt { font-size: 1rem; margin-top: .3rem; color: #334155; }
.doviz-sonuc-birim { font-size: .88rem; color: #64748b; margin-top: .5rem; }
.doviz-guncelleme { font-size: .8rem; color: #64748b; margin-top: .6rem; }

/* --- Kartlar --- */
.doviz-kart {
  background: #fff;
  border: 1px solid var(--ki-border, #e5e7eb);
  border-radius: 1rem;
  padding: 1.25rem 1.4rem;
  box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}
.doviz-kart-baslik { font-size: 1.15rem; font-weight: 800; color: var(--ki-ink, #0f172a); }

/* --- Tablolar --- */
.doviz-tablo th {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #64748b;
  background: #f8fafc;
  border-bottom: 2px solid var(--ki-primary, #1e56c0);
}
.doviz-kur-ad { font-weight: 700; color: var(--ki-ink, #0f172a); text-decoration: none; }
.doviz-kur-ad:hover { color: var(--ki-primary); }

/* --- İlgili dönüşümler --- */
.doviz-ilgili {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  border: 1px solid var(--ki-border, #e5e7eb);
  border-radius: .7rem;
  padding: .6rem .8rem;
  text-decoration: none;
  background: #f8fafc;
  height: 100%;
  transition: all .15s ease;
}
.doviz-ilgili:hover { border-color: var(--ki-primary); background: #eff6ff; }
.doviz-ilgili-cift { font-size: .8rem; font-weight: 700; color: #334155; }
.doviz-ilgili-deger { font-size: 1.05rem; font-weight: 800; color: var(--ki-primary); }

/* --- Hesaplayıcı --- */
.doviz-etiket { font-size: .8rem; font-weight: 700; color: #475569; margin-bottom: .25rem; display: block; }
.doviz-sonuc-kutu {
  background: #eff6ff;
  border: 1px dashed var(--ki-primary);
  border-radius: .8rem;
  padding: 1rem 1.2rem;
  text-align: center;
}
.doviz-sonuc-buyuk { font-size: 1.9rem; font-weight: 900; color: var(--ki-primary); }
.doviz-sonuc-alt { font-size: .9rem; color: #475569; }

/* --- SSS --- */
.doviz-faq details {
  border: 1px solid var(--ki-border, #e5e7eb);
  border-radius: .6rem;
  padding: .7rem 1rem;
  margin-bottom: .5rem;
  background: #f8fafc;
}
.doviz-faq summary { font-weight: 700; cursor: pointer; color: var(--ki-ink, #0f172a); }
.doviz-faq p { margin: .5rem 0 0; color: #475569; font-size: .92rem; }

@media (max-width: 767px) {
  .doviz-hero-kutu h1 { font-size: 1.35rem; }
  .doviz-sonuc-hero-kutu h1 { font-size: 1.2rem; }
  .doviz-sonuc-buyuk { font-size: 2rem; }
}