/* ===========================
   FONT SIZE CONTROLS (LEGACY - disabled)
   =========================== */

/*
.kkb-font-sm .kkb-text { font-size: 0.98rem; line-height: 1.85; }
.kkb-font-md .kkb-text { font-size: 1.05rem; line-height: 1.9; }
.kkb-font-lg .kkb-text { font-size: 1.18rem; line-height: 1.95; }
.kkb-font-xl .kkb-text { font-size: 1.30rem; line-height: 2.0; }
*/

/* === KBE Font Scaling (scoped) === */
#kkb-app { --kbe-font-scale: 1; }

/* Base: text container */
#kkb-app .kkb-text {
  font-size: 1rem; /* baz değer */
  line-height: 1.55;
}

/* Sadece okunan metinler ölçeklensin */
#kkb-app .kkb-paragraph,
#kkb-app .kkb-verse,
#kkb-app .kkb-section-heading {
  font-size: calc(1em * var(--kbe-font-scale));
  line-height: calc(1.55em * var(--kbe-font-scale));
}

/* Ayet numarası (sup) kontrollü */
#kkb-app .kkb-verse sup {
  font-size: calc(0.8em * var(--kbe-font-scale));
}

/* Readability: ideal line length + spacing */
#kkb-app .kkb-heading,
#kkb-app .kkb-text{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

#kkb-app .kkb-paragraph{
  margin: 0 0 14px 0;
}
#kkb-app .kkb-section-heading{
  margin: 18px 0 10px 0;
  font-weight: 700;
}

/* Smooth font scaling */
#kkb-app .kkb-paragraph,
#kkb-app .kkb-section-heading,
#kkb-app .kkb-verse{
  transition: font-size 150ms ease, line-height 150ms ease;
}

/* =========================
   Desktop toolbar layout
========================= */

@media (min-width: 1024px){

  /* Sağ blok genel yapı */
  #kkb-app .kkb-toolbar-right{
    display: flex;
    flex-direction: column;
    align-items: center;   /* YATAY ORTALA */
    justify-content: center;
    gap: 10px;
    min-width: 90px;       /* Sağ alanı dengeler */
  }

  /* Üst sıra (dark + search) */
  #kkb-app .kkb-main-controls{
    display: flex;
    justify-content: center;   /* ORTALA */
    align-items: center;
    gap: 14px;
    width: 100%;
  }

  /* Alt sıra (font controls) */
  #kkb-app .kkb-font-controls{
    display: flex;
    justify-content: center;   /* ORTALA */
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  /* Butonların görsel dengesi */
  #kkb-app .kkb-icon-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
  }

}

#kkb-app svg{
  display:inline-block;
  vertical-align: middle;
}
#kkb-app .kkb-nav-btn{
  color:#111;
}
#kkb-app.kkb-dark .kkb-nav-btn{
  color:#fff;
}

/* =========================
   Search highlight fade-out
========================= */

#kkb-app .kkb-verse--search-hit{
  transition: background-color .45s ease, box-shadow .45s ease, outline-color .45s ease;
}

#kkb-app .kkb-verse--search-fade{
  background-color: transparent !important;
  box-shadow: none !important;
  outline-color: transparent !important;
}

/* TOOLBAR ICONLARI – NAV BUTONLARINA DOKUNMA */

/* Sadece üstteki toolbar’daki ikon butonlarını hafif toparla */
.kkb-toolbar .kkb-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 6px;
}

/* Toolbar içindeki SVG ikon boyutlarını eşitle */
.kkb-toolbar .kkb-icon-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* Tema + Arama + A-/A/A+ aynı satırda kalsın */
.kkb-main-controls,
.kkb-font-controls {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}

/* ===========================
   FIX: Windows (Edge/Chrome) dark mode select text
   - En sona koy
   =========================== */

.kkb-app.kkb-dark .kkb-select {
  background-color: #111827 !important;
  border-color: #374151 !important;
  color: #e5e7eb !important;
}

/* Dropdown seçenekleri */
.kkb-app.kkb-dark .kkb-select option {
  background-color: #111827 !important;
  color: #e5e7eb !important;
}

/* Dark modda select override bloğu, light override tarafından ezilmesin */
.kkb-app.kkb-dark .kkb-select:focus {
  outline: none;