/* ============================================================
   Ruhul Kuran - ortak stiller: Arapca fontlar, RTL, ust menu
   ============================================================ */

/* --- Arapca font yiginlari (CLAUDE.md kurallari) ---
   Geleneksel mod birincil font: Traditional Arabic (sistem fontu; wwwroot'a
   kopyalanmaz). Yuklu olmayan sistemler icin serbest lisansli yedekler
   (Scheherazade New / Amiri) wwwroot/fonts altina eklenebilir; asagidaki
   @font-face bloklari dosyalar eklenince aktiflestirilir. */

/* Gömülü Arapça fontlar (masaüstünden): Scheherazade (yedek) ve MushafOsman (Kûfik/mushaf) */
@font-face {
    font-family: "ScheherazadeRK";
    src: url("/fonts/ScheherazadeRegOT.ttf") format("truetype");
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: "MushafOsman";
    src: url("/fonts/MushafOsmany.ttf") format("truetype");
    font-weight: normal;
    font-display: swap;
}

:root {
    /* Geleneksel: sistem Traditional Arabic, yoksa gömülü Scheherazade */
    --arabic-traditional: "Traditional Arabic", "ScheherazadeRK", "Amiri", "Times New Roman", serif;
    /* Kûfik: masaüstündeki gibi MushafOsman (Osman Nüshası) fontu */
    --arabic-kufic: "MushafOsman", "Traditional Arabic", "ScheherazadeRK", serif;
    --arabic-font: var(--arabic-traditional);

    --rk-primary: #1f5c3d;
    --rk-primary-dark: #17402b;
    --rk-accent: #c8a24a;
    --rk-bg: #f7f6f2;
}

/* Arapca metin ogeleri (her yerde Geleneksel; Kufik yalnizca gosterilen ayete uygulanir) */
.arapca {
    font-family: var(--arabic-traditional);
    font-size: 1.7rem;
    line-height: 2.3;
    direction: rtl;
    unicode-bidi: isolate;
}

body {
    background: var(--rk-bg);
    margin: 0;
}

/* --- Ust menu --- */
.rk-header {
    background: var(--rk-primary);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0 1rem;
    min-height: 56px;
    flex-wrap: wrap;
}
.rk-brand {
    font-weight: 700;
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}
/* Uygulama logosu (masaüstü projesindeki rk-ikon) */
.rk-logo {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
.rk-brand .rk-brand-ar { font-family: var(--arabic-traditional); margin-inline-start: .4rem; opacity: .85; }

.rk-nav {
    display: flex;
    gap: .25rem;
    flex-wrap: wrap;
    flex: 1;
}
/* Üst menü çubuğu: açılır gruplar (Program, Sarf) + tekil bağlantı (Hakkında) */
.rk-nav-grup { position: relative; z-index: 45; }
.rk-nav-bas {
    color: #e9efe9;
    background: transparent;
    border: none;
    font: inherit;
    text-decoration: none;
    padding: .5rem .8rem;
    border-radius: .35rem;
    white-space: nowrap;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}
.rk-nav-bas:hover { background: rgba(255,255,255,.12); color: #fff; }
.rk-nav-bas.active { background: var(--rk-primary-dark); color: #fff; }
.rk-nav-ok { font-size: .65rem; opacity: .8; }

.rk-nav-alt {
    position: absolute;
    inset-inline-start: 0;
    top: 100%;
    min-width: 15rem;
    background: #fff;
    border: 1px solid #d9d6cb;
    border-radius: .4rem;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
    padding: .3rem;
    display: none;
    z-index: 50;
    max-height: 80vh;
    overflow-y: auto;
}
.rk-nav-alt.acik { display: block; }
.rk-nav-bas.acik { background: rgba(255,255,255,.18); color: #fff; }
/* Menü açıkken dışarı tıklamayı yakalayan saydam örtü */
.rk-nav-ort { position: fixed; inset: 0; z-index: 40; background: transparent; }

.rk-nav-oge {
    display: block;
    color: #2b2b2b;
    text-decoration: none;
    padding: .4rem .7rem;
    border-radius: .3rem;
    white-space: nowrap;
    font-size: .92rem;
}
.rk-nav-oge:hover { background: #eef3ee; color: var(--rk-primary); }

/* RTL: açılır paneli sağa hizala */
html[dir="rtl"] .rk-nav-alt { inset-inline-start: auto; inset-inline-end: 0; text-align: right; }

.rk-tools {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.rk-tools select {
    border-radius: .35rem;
    border: none;
    padding: .3rem .5rem;
}
.rk-fontbtns button {
    border: 1px solid rgba(255,255,255,.4);
    background: transparent;
    color: #fff;
    border-radius: .35rem;
    padding: .25rem .55rem;
    cursor: pointer;
    font-size: .85rem;
}
.rk-fontbtns button.active { background: var(--rk-accent); border-color: var(--rk-accent); color: #17402b; }

/* Icerik alani */
.rk-content { padding: 1.25rem 1.5rem; max-width: 1200px; margin: 0 auto; }

/* RTL: menuyu ters cevir */
html[dir="rtl"] .rk-nav { flex-direction: row-reverse; }
html[dir="rtl"] .rk-header { flex-direction: row-reverse; }

/* Basit durum karti */
.rk-stat-grid { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
.rk-stat {
    background: #fff;
    border: 1px solid #e3e1d8;
    border-radius: .5rem;
    padding: 1rem 1.4rem;
    min-width: 130px;
    text-align: center;
}
.rk-stat .n { font-size: 1.8rem; font-weight: 700; color: var(--rk-primary); }
.rk-stat .l { color: #666; font-size: .9rem; }

/* ================= Meal sayfasi (FrmMeal) ================= */
.meal-sayfa { display: flex; gap: 1rem; align-items: stretch; min-height: 70vh; }
.sure-liste {
    flex: 0 0 240px;
    max-height: 78vh;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e3e1d8;
    border-radius: .5rem;
}
.sure-liste ul { list-style: none; margin: 0; padding: 0; }
.sure-liste li {
    padding: .4rem .7rem;
    cursor: pointer;
    border-bottom: 1px solid #f0efe8;
    display: flex; gap: .5rem; align-items: baseline;
}
.sure-liste li:hover { background: #f2f6f2; }
.sure-liste li.active { background: var(--rk-primary); color: #fff; }
.sure-liste .s-no { color: #999; min-width: 1.8rem; text-align: end; }
.sure-liste li.active .s-no { color: #cfe6d5; }
.ayet-alani { flex: 1; min-width: 0; }

/* ================= AyetPaneli ================= */
.ayet-paneli {
    background: #fff;
    border: 1px solid #e3e1d8;
    border-radius: .5rem;
    padding: 1rem 1.25rem;
}
.ayet-nav {
    display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;
    padding-bottom: .75rem; border-bottom: 1px solid #eee; margin-bottom: .75rem;
}
.ayet-nav-sure { font-weight: 700; font-size: 1.1rem; color: var(--rk-primary); }
.ayet-nav-sure .sure-no { color: #999; margin-inline-end: .3rem; }
.ayet-nav-mod { display: flex; gap: .9rem; font-size: .9rem; }
.ayet-nav-mod label { cursor: pointer; }
.ayet-nav-secim { display: flex; align-items: center; gap: .3rem; margin-inline-start: auto; }
.ayet-nav-secim input[type=number] { width: 3.9rem; padding: .2rem .3rem; border: 1px solid #ccc; border-radius: .3rem; }
.nav-ok {
    border: 1px solid #ccc; background: #f7f7f4; border-radius: .3rem;
    width: 1.9rem; height: 1.9rem; cursor: pointer; line-height: 1;
}
.nav-ok:hover { background: var(--rk-primary); color: #fff; }
.ayrac { color: #999; }

.ayet-metin {
    padding: .8rem 0; text-align: right;
}
/* Kufik yalnizca gosterilen ayet metnine uygulanir */
.ayet-metin.kufik { font-family: var(--arabic-kufic); }

/* Çalan segment vurgusu (karakter aralığı) */
.calan-parca { background: #fff3c4; border-radius: .2rem; box-shadow: 0 0 0 2px #fff3c4; }
/* Mu'cem kök kelime vurgusu */
.vurgu-bir { color: #c0392b; font-weight: 700; }
.vurgu-dig { color: #0b46c9; font-weight: 600; }

/* ================= Mu'cem sayfası ================= */
.mucem-sayfa { display: flex; gap: 1rem; align-items: flex-start; }
.mucem-sol { flex: 0 0 340px; display: flex; flex-direction: column; gap: .6rem; }
.mucem-secili-kokler { display: flex; flex-wrap: wrap; gap: .3rem; }
.mucem-chip {
    display: inline-flex; align-items: center; gap: .35rem;
    background: var(--rk-primary); color: #fff; border-radius: 1rem; padding: .1rem .35rem .1rem .7rem;
    font-family: var(--arabic-traditional); font-size: 1.15rem; direction: rtl;
}
.mucem-chip button {
    border: none; background: rgba(255,255,255,.25); color: #fff; border-radius: 50%;
    width: 1.3rem; height: 1.3rem; cursor: pointer; font-size: .7rem; line-height: 1;
}
.mucem-chip button:hover { background: rgba(255,255,255,.55); }
.mucem-sag { flex: 1; min-width: 0; }
.mucem-kok-ara { padding: .4rem .6rem; border: 1px solid #ccc; border-radius: .35rem; width: 100%; direction: rtl; font-family: var(--arabic-traditional); font-size: 1.15rem; }
.mucem-kok-liste { max-height: 200px; overflow-y: auto; border: 1px solid #e3e1d8; border-radius: .4rem; background: #fff; }
.mucem-kok-liste ul, .mucem-liste ul { list-style: none; margin: 0; padding: 0; }
.mucem-kok-liste li {
    padding: .3rem .7rem; cursor: pointer; border-bottom: 1px solid #f0efe8;
    font-family: var(--arabic-traditional); font-size: 1.3rem; direction: rtl; text-align: right;
}
.mucem-kok-liste li:hover { background: #f2f6f2; }
.mucem-kok-liste li.active { background: var(--rk-primary); color: #fff; }

.mucem-liste { border: 1px solid #e3e1d8; border-radius: .4rem; background: #fff; max-height: 30vh; overflow: auto; }
.mucem-liste table { width: 100%; border-collapse: collapse; }
.mucem-liste th, .mucem-liste td { padding: .3rem .6rem; border-bottom: 1px solid #f0efe8; text-align: start; white-space: nowrap; }
.mucem-liste thead th { position: sticky; top: 0; background: #eef3ee; color: var(--rk-primary); font-size: .85rem; }
.mucem-liste tr { cursor: pointer; }
.mucem-liste tr:hover td { background: #f2f6f2; }
.mucem-liste tr.active td { background: var(--rk-primary); color: #fff; }
.mucem-liste .m-ar { font-family: var(--arabic-traditional); font-size: 1.2rem; direction: rtl; }
.mucem-liste .m-say { text-align: center; color: #666; }
/* Başlık hizası sütun verisiyle eşleşsin: Arapça sütun sağa, sayı sütunu ortaya */
.mucem-liste th.m-bas-ar { text-align: right; }
.mucem-liste th.m-bas-orta { text-align: center; }
.mucem-liste th.m-bas-sol { text-align: left; }
/* RTL Arapça hücreyi sola yasla (varsayılan sağ yerine) */
.mucem-liste .m-sol { text-align: left; }
.mucem-liste tr.active .m-say { color: #dfe; }
.mucem-liste .m-toplam td { font-weight: 700; background: #f5f9ff; }

/* Tasnifli mu'cem sarf ağacı */
.ta-kok-liste { max-height: 150px; }
.ta-agac { border: 1px solid #e3e1d8; border-radius: .4rem; background: #fff; max-height: 40vh; overflow: auto; padding: .3rem 0; }
.ta-ipucu { color: #888; padding: .6rem; margin: 0; font-size: .9rem; }
.ta-ul { list-style: none; margin: 0; padding: 0; }
.ta-ul .ta-ul { padding-inline-start: 1.1rem; }
.ta-li { margin: 0; }
.ta-dugum { display: flex; align-items: center; gap: .35rem; padding: .15rem .5rem; cursor: pointer; border-radius: .3rem; }
.ta-dugum:hover { background: #f2f6f2; }
.ta-dugum.active { background: var(--rk-primary); color: #fff; }
.ta-ok, .ta-ok-bos { display: inline-block; width: 1rem; text-align: center; color: #999; user-select: none; }
.ta-dugum.active .ta-ok { color: #dfe; }
.ta-ad { flex: 1 1 auto; }
.ta-ad.arapca { font-family: var(--arabic-traditional); font-size: 1.2rem; direction: rtl; text-align: start; }
.ta-sayi { color: #888; font-size: .8rem; background: #eef3ee; border-radius: .8rem; padding: 0 .45rem; min-width: 1.4rem; text-align: center; }
.ta-dugum.active .ta-sayi { background: rgba(255,255,255,.25); color: #fff; }

/* Sözlük ekranı */
.sozluk-kok-liste { max-height: 65vh; }
.sozluk-baslik { border-bottom: 2px solid #e3e1d8; padding-bottom: .4rem; margin-bottom: .6rem; }
.sozluk-kok { font-size: 1.9rem; font-weight: 700; color: var(--rk-primary); }
.sozluk-sekmeler { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .7rem; }
.sozluk-sekme {
    border: 1px solid #d9d6cb; background: #f7f6f1; color: #444;
    border-radius: .4rem; padding: .3rem .7rem; cursor: pointer; font-size: .85rem; white-space: nowrap;
}
.sozluk-sekme:hover { background: #eef3ee; }
.sozluk-sekme.active { background: var(--rk-primary); border-color: var(--rk-primary); color: #fff; }
.sozluk-icerik { background: #fff; border: 1px solid #e3e1d8; border-radius: .5rem; padding: 1rem 1.2rem; }
.sozluk-anlam {
    font-family: var(--arabic-traditional); font-size: 1.5rem; line-height: 2.1;
    white-space: pre-wrap; word-wrap: break-word;
}
.sozluk-ceviri-bas {
    font-size: 1rem; color: var(--rk-primary); margin: 1.1rem 0 .4rem;
    border-top: 1px solid #eee; padding-top: .7rem;
}
.sozluk-ceviri { font-size: 1.05rem; line-height: 1.7; white-space: pre-wrap; word-wrap: break-word; }
.sozluk-ceviri em, .sozluk-ceviri i {
    font-family: var(--arabic-traditional); font-style: normal; text-decoration: underline;
}

/* Sözlük üst sekmeler + arama */
.sozluk-ust-sekmeler { display: flex; gap: .3rem; margin-bottom: .8rem; border-bottom: 2px solid #e3e1d8; }
.sozluk-ust-sekme {
    border: none; background: transparent; cursor: pointer; font: inherit;
    padding: .5rem 1rem; border-radius: .4rem .4rem 0 0; color: #555; font-weight: 600;
}
.sozluk-ust-sekme:hover { background: #eef3ee; }
.sozluk-ust-sekme.active { background: var(--rk-primary); color: #fff; }

.sozluk-baslik { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.sozluk-kelime-ara {
    margin-inline-start: auto; padding: .35rem .6rem; border: 1px solid #d9d6cb;
    border-radius: .4rem; min-width: 12rem; font-size: .9rem;
}
.sozluk-sekme-say {
    background: var(--rk-accent, #d4a017); color: #17402b; border-radius: .8rem;
    padding: 0 .4rem; margin-inline-start: .35rem; font-size: .75rem; font-weight: 700;
}
.sozluk-sekme.active .sozluk-sekme-say { background: #fff; color: var(--rk-primary); }
mark.ara-vurgu { background: #ffe58a; color: inherit; border-radius: .15rem; padding: 0 .05em; }

/* Metin arama sol panel */
.sozluk-arama-satir { display: flex; gap: .4rem; }
.sozluk-arama-satir .mucem-kok-ara { flex: 1; }
.sozluk-ara-btn {
    border: none; background: var(--rk-primary); color: #fff; border-radius: .4rem;
    padding: 0 .9rem; cursor: pointer; font: inherit;
}
.sozluk-ara-btn:disabled { background: #b9c5bc; cursor: default; }
.sozluk-tumsec { display: block; margin: .6rem 0 .3rem; font-weight: 600; cursor: pointer; }
.sozluk-secim-liste {
    border: 1px solid #e3e1d8; border-radius: .4rem; background: #fff; padding: .3rem;
    max-height: 55vh; overflow-y: auto;
}
.sozluk-secim { display: flex; align-items: center; gap: .4rem; padding: .25rem .4rem; cursor: pointer; border-radius: .3rem; }
.sozluk-secim:hover { background: #f2f6f2; }
.sozluk-sonuc-sayi { color: #666; margin: 0 0 .5rem; }
.sozluk-sonuc-liste { max-height: 72vh; }

/* Meal/tefsir metin arama */
.metin-arama-sol { display: flex; flex-direction: column; gap: .6rem; }
.metin-kaynak-gruplar { display: flex; flex-direction: column; gap: .4rem; max-height: 40vh; overflow-y: auto; }
.metin-grup { border: 1px solid #e3e1d8; border-radius: .4rem; background: #fff; }
.metin-grup > summary {
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
    padding: .4rem .6rem; cursor: pointer; font-weight: 600; color: var(--rk-primary);
    list-style: revert;
}
.metin-grup-say { font-size: .8rem; color: #888; font-weight: 400; }
.metin-grup .sozluk-secim { padding-inline-start: 1rem; }
.metin-grup-tumu { font-weight: 600; border-top: 1px solid #f0efe8; }
.metin-sonuc-alani { border-top: 2px solid #e3e1d8; padding-top: .5rem; min-width: 0; }
.metin-sonuc-liste { max-height: 45vh; }
/* Uzun kaynak adı (eser — yazar) iki satıra sarsın; sûre/ayet dar kalsın */
.metin-sonuc-liste table { table-layout: fixed; }
.metin-sonuc-liste .kaynak-hucre { white-space: normal; word-break: break-word; line-height: 1.25; }
.metin-sonuc-liste .sure-hucre { white-space: normal; width: 4.8rem; }
.metin-sonuc-liste .m-say { width: 3.2rem; }

/* Fiil Çekimleri */
.fc-kok-liste { max-height: 65vh; }
.fc-kontrol { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 1rem; }
.fc-kok-input { padding: .4rem .6rem; border: 1px solid #d9d6cb; border-radius: .4rem; font-size: 1.3rem; width: 8rem; font-family: var(--arabic-traditional); }
.fc-kontrol select { padding: .4rem .5rem; border: 1px solid #d9d6cb; border-radius: .4rem; background: #fff; }
.fc-cek-btn { border: none; background: var(--rk-primary); color: #fff; border-radius: .4rem; padding: .45rem 1.1rem; cursor: pointer; font: inherit; }
.fc-mesaj { color: #b3541e; font-weight: 600; }
.fc-baslik { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; border-bottom: 2px solid #e3e1d8; padding-bottom: .5rem; margin-bottom: 1rem; }
.fc-baslik-kok { font-size: 1.8rem; font-weight: 700; color: var(--rk-primary); }
.fc-baslik-etiket { color: #555; }
.fc-alt-sec { margin-inline-start: auto; display: flex; gap: .25rem; }
.fc-alt-sec button { border: 1px solid #d9d6cb; background: #f7f6f1; border-radius: .3rem; width: 2rem; height: 2rem; cursor: pointer; }
.fc-alt-sec button.active { background: var(--rk-primary); color: #fff; border-color: var(--rk-primary); }
.fc-tablo { border-collapse: collapse; width: 100%; max-width: 720px; }
.fc-tablo th, .fc-tablo td { border: 1px solid #cfccbf; padding: .5rem .7rem; text-align: center; }
.fc-tablo thead th { background: #eef3ee; color: var(--rk-primary); }
.fc-sahis, .fc-cins { background: #f5f9f5; color: #444; white-space: nowrap; font-weight: 600; }
.fc-sahis { font-size: .95rem; }
.fc-cins { font-size: .85rem; color: #555; }
.fc-kose { background: #f5f9f5; }
.fc-hucre { font-family: var(--arabic-traditional); font-size: 1.9rem; line-height: 1.6; color: #1c2a1c; min-width: 5.5rem; }

/* İsim Çekimleri (dikey tablo: Nekre bloğu üstte, Marife altta) */
.ic-tablo { border-collapse: collapse; max-width: 620px; }
.ic-tablo th, .ic-tablo td { border: 1px solid #cfccbf; padding: .45rem .7rem; text-align: center; }
.ic-blok-bas { background: var(--rk-primary); color: #fff; font-size: 1rem; letter-spacing: .02em; }
.ic-sutun-bas { background: #eef3ee; color: var(--rk-primary); font-size: .9rem; }
.ic-bos { background: #f5f9f5; border: 1px solid #cfccbf; }
.ic-tablo tbody + tbody .ic-blok-bas { border-top: 3px solid #fff; }

/* Harf-i cerlerin amaçları */
.hc-sol .metin-grup { max-height: 32vh; overflow-y: auto; }
.hc-harf { font-size: 1.3rem; font-family: var(--arabic-traditional); }
.hc-arac { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.hc-sira { display: flex; align-items: center; gap: .3rem; font-size: .85rem; cursor: pointer; }
.hc-liste { max-height: 42vh; }
/* Bu listeler 4-5 sütunlu olduğu için sol sütun biraz geniş */
.hc-sol { flex: 0 0 400px; }
/* Çok boyutlu sarf listeleri: sonuç tablosu kompakt olduğu için sol panel dar kalabilir */
.hc-genis { flex: 0 0 430px; }
.hc-genis .hc-liste { max-height: 42vh; }
.hc-genis .hc-arac select { max-width: 10rem; }
/* Sonuç satırı: sıralama boyutu üstte, diğer boyutlar altta küçük metin */
.hc-detay { text-align: start; line-height: 1.25; }
.hc-detay-bas { display: block; font-size: .8rem; color: #222; }
.hc-detay-alt { display: block; font-size: .68rem; color: #777; }
.hc-yer, .hc-yer-bas { white-space: nowrap; font-size: .75rem; width: 7.5rem; }
/* Şahıs seçimi ızgarası (masaüstündeki matris görünümü) */
.si-kutu { border: 1px solid #9fb8b0; border-radius: .3rem; background: #fff; overflow: hidden; }
.si-baslik {
    display: flex; align-items: center; gap: 1rem;
    background: #6ea89a; color: #fff; padding: .3rem .55rem; font-weight: 600; font-size: .85rem;
}
.si-ad { flex: 1 1 auto; }
.si-link {
    background: none; border: none; color: #fff; cursor: pointer; font: inherit;
    text-decoration: none; padding: 0; white-space: nowrap;
}
.si-link:hover { text-decoration: underline; }
.si-tablo { border-collapse: collapse; width: 100%; }
.si-tablo th, .si-tablo td { border: 1px solid #b9c9c3; text-align: center; }
.si-tablo thead th { background: #f2f6f5; font-size: .72rem; font-weight: 600; padding: .2rem .25rem; color: #333; }
.si-tablo .si-bos { background: #f2f6f5; }
.si-etiket, .si-grup { background: #f7f9f8; font-size: .72rem; font-weight: 600; padding: .2rem .35rem; white-space: nowrap; }
.si-hucre { cursor: pointer; padding: .25rem; background: #fff; }
.si-hucre:hover { background: #eef3ef; }
.si-hucre.secili { background: #8f8ff0; }
.si-hucre input { pointer-events: none; margin: 0; }
.si-yok { background: #e9edeb; }

/* 6+ boyutlu listeler (Fiiller, Mastarlar): filtreler çok olduğu için grupları kısalt */
.hc-cokgenis { flex: 0 0 430px; }
.hc-cokgenis .metin-grup { max-height: 22vh; }
.hc-cokgenis .hc-liste { max-height: 34vh; }
/* Sarf Arama: ölçüt alanları */
.sa-alan { display: flex; align-items: center; gap: .4rem; margin-bottom: .4rem; }
.sa-alan > label { flex: 0 0 4rem; font-size: .82rem; font-weight: 600; color: #555; }
.sa-alan .fc-kok-input { width: 7rem; }
.sa-alan select { flex: 1 1 auto; min-width: 0; padding: .3rem .4rem; border: 1px solid #d9d6cb; border-radius: .35rem; background: #fff; font-size: .82rem; }
/* Sarf özellik paneli (masaüstü SarfPanel görünümü): solda etiket, sağda kontrol */
.sa-panel { border: 1px solid #9fb8b0; border-radius: .3rem; overflow: hidden; max-height: 46vh; overflow-y: auto; }
.sa-satir { display: flex; align-items: stretch; border-bottom: 1px solid #cfe0da; }
.sa-satir:last-child { border-bottom: none; }
.sa-etiket {
    flex: 0 0 11rem; background: #6ea89a; color: #fff;
    font-size: .78rem; padding: .3rem .5rem; display: flex; align-items: center;
}
.sa-deger { flex: 1 1 auto; min-width: 0; background: #fff; padding: .2rem .3rem; display: flex; }
.sa-deger select, .sa-deger input {
    width: 100%; min-width: 0; border: 1px solid #d9d6cb; border-radius: .25rem;
    padding: .2rem .3rem; font-size: .8rem; background: #fff;
}
.sa-temizle { border: 1px solid #d9d6cb; background: #f7f6f1; border-radius: .4rem; padding: .4rem .8rem; cursor: pointer; font: inherit; font-size: .85rem; }

/* Sonuç tablosu: Kelime geniş, Kök dar ve ortalı */
.sa-liste table { table-layout: fixed; }
.sa-liste .sa-st-kelime { width: auto; text-align: center; }
.sa-liste .sa-st-kok { width: 4.2rem; text-align: center; }
.sa-liste .sa-st-kalip { width: 6.5rem; text-align: center; }

.hc-sayfalama { display: flex; align-items: center; gap: .5rem; }
.hc-sayfalama .sozluk-sonuc-sayi { margin: 0; }
.hc-sayfa-no { font-size: .85rem; color: #555; }
.hc-liste table { table-layout: fixed; width: 100%; }
/* Kelime ortasından bölmeden sar */
.hc-liste td, .hc-liste th { white-space: normal; overflow-wrap: break-word; word-break: normal; }
.hc-liste .hc-sure { font-size: .82rem; }
.hc-liste .m-say { width: 2.8rem; }
/* Harf sütunu: başlık ve Arapça hücre ortalı (hücre RTL olduğu için start sağa kayıyordu) */
.hc-liste .hc-harf-bas, .hc-liste .hc-harf-hucre { text-align: center; width: 4rem; }

/* Çekim Bulma ekranları */
.cb-sayfa { display: flex; flex-direction: column; gap: .8rem; }
.cb-alt { display: flex; gap: 1.5rem; align-items: flex-start; flex-wrap: wrap; }
.cb-liste { max-height: 60vh; flex: 0 0 auto; }
.cb-liste td, .cb-liste th { white-space: nowrap; }
/* Dış etiketli giriş alanı (Kök / Çekim) */
.cb-alan { display: flex; flex-direction: column; gap: .2rem; }
.cb-alan label { font-size: .82rem; color: #555; font-weight: 600; }
.cb-btn { align-self: flex-end; }
.cb-tablo { flex: 1 1 auto; min-width: 0; }
.fc-mesaj.basarili { color: #1c6b3a; }
.fc-alt-bar { margin: 0 0 .5rem; justify-content: flex-start; }
/* Çekim Bulma'da eşleşen hücre */
.fc-vurgu { background: #ffe58a; border-radius: .2rem; }

/* Kıraat ses çubuğu */
.ses-cubugu {
    display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
    background: #6ea89a; padding: .35rem .6rem; border-radius: .4rem; margin: .2rem 0 .7rem;
}
.ses-btn {
    border: 1px solid #4d7d70; background: #f4f7f5; border-radius: .3rem;
    min-width: 2rem; height: 1.9rem; cursor: pointer; font-size: .95rem; line-height: 1; padding: 0 .3rem;
}
.ses-btn:hover { background: #fff; }
.ses-vol { width: 130px; accent-color: #2f6f5e; }
.ses-zaman {
    background: #eef2f0; border-radius: .3rem; padding: .2rem .7rem;
    font-variant-numeric: tabular-nums; min-width: 96px; text-align: center; font-size: .85rem; color: #234;
}
.ses-uyari { color: #7a4a1a; background: #fff6e5; padding: .15rem .6rem; border-radius: .3rem; font-size: .82rem; }

/* AyetPaneli font secici: tek harf (kef) ornekleri, dikkat cekmeyen sade butonlar */
.ayet-font-sec { display: flex; gap: .15rem; }
.ayet-font-sec .fs-harf {
    border: 1px solid transparent; background: transparent; border-radius: .3rem;
    width: 2rem; height: 1.9rem; padding: 0; cursor: pointer; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center;
    line-height: 1; color: #8b8b83; opacity: .75;
    transition: opacity .12s, color .12s, background-color .12s;
}
/* Kufik kef glifi geleneksele gore cok genis; punto ayri ayarlanir */
.ayet-font-sec .fs-gelenek { font-family: var(--arabic-traditional); font-size: 1.3rem; }
.ayet-font-sec .fs-kufik { font-family: var(--arabic-kufic); font-size: 1.15rem; }
.ayet-font-sec .fs-harf:hover { opacity: 1; color: #333; background: #f0efe9; }
.ayet-font-sec .fs-harf.active { opacity: 1; color: var(--rk-primary); border-color: #d9d6cb; background: #fff; }

/* Ayet yazi boyutu (buyut / kucult) */
.ayet-font-boy { display: flex; flex-direction: column; gap: 1px; }
.ayet-font-boy button {
    border: 1px solid transparent; background: transparent; border-radius: .25rem;
    width: 1.6rem; height: .95rem; padding: 0; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .6rem; line-height: 1; color: #8b8b83; opacity: .7;
}
.ayet-font-boy button:hover:not(:disabled) { opacity: 1; color: #333; background: #f0efe9; }
.ayet-font-boy button:disabled { opacity: .25; cursor: default; }

/* Sağ tık bağlam menüsü (ayet metni) */
.rk-menu-ort { position: fixed; inset: 0; z-index: 1000; }
.rk-menu {
    position: fixed; z-index: 1001; background: #fff; border: 1px solid #bbb;
    border-radius: .4rem; box-shadow: 0 4px 16px rgba(0,0,0,.18); padding: .25rem;
    min-width: 210px; display: flex; flex-direction: column;
}
.rk-menu button {
    text-align: start; border: none; background: transparent; padding: .45rem .7rem;
    cursor: pointer; border-radius: .3rem; white-space: nowrap; font-size: .92rem; color: #222;
}
.rk-menu button:hover { background: var(--rk-primary); color: #fff; }
.rk-menu-sep { height: 1px; background: #e2e0d6; margin: .25rem .3rem; }

/* Arama çubuğu */
.ayet-arama { display: flex; align-items: center; gap: .4rem; margin: .2rem 0 .6rem; flex-wrap: wrap; }
.arama-input { flex: 1 1 240px; min-width: 160px; padding: .35rem .6rem; border: 1px solid #ccc; border-radius: .35rem; }
.arama-btn { border: 1px solid var(--rk-primary); background: var(--rk-primary); color: #fff; border-radius: .35rem; padding: .35rem 1rem; cursor: pointer; }
.arama-btn:hover { background: var(--rk-primary-dark); }
.arama-temizle { border: 1px solid #ccc; background: #f4f4f2; border-radius: .35rem; width: 2rem; height: 2rem; cursor: pointer; }
.arama-say { color: var(--rk-primary); font-size: .85rem; font-weight: 600; margin-inline-start: .4rem; white-space: nowrap; }
mark.arama-vurgu { background: #ffe08a; color: inherit; border-radius: .15rem; padding: 0 .05em; }

/* Sekme cubugu */
.ayet-tablar { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 2px solid var(--rk-primary); margin: .5rem 0 0; }
.ayet-tablar button {
    border: none; background: transparent; padding: .5rem .9rem; cursor: pointer;
    border-radius: .35rem .35rem 0 0; color: #555; font-size: .92rem;
}
.ayet-tablar button:hover { background: #eef3ee; }
.ayet-tablar button.active { background: var(--rk-primary); color: #fff; }

.ayet-tab-icerik { padding: 1rem .25rem; }
.kaynak-secici { margin-bottom: .8rem; display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.kaynak-secici select { padding: .3rem .5rem; border: 1px solid #ccc; border-radius: .35rem; max-width: 100%; }
.kaynak-secici .nav-ok:disabled { opacity: .4; cursor: default; }
.kaynak-secici .nav-ok:disabled:hover { background: #f7f7f4; color: inherit; }
.kaynak-metin { line-height: 1.9; }
.kaynak-metin.arapca { font-size: 1.4rem; line-height: 2.2; }
.kaynak-metin .metin-parca { margin: 0 0 .6rem; }

/* Kelime Analiz (Sarf) */
.ka-govde { display: flex; gap: 1rem; align-items: flex-start; }
.ka-liste { flex: 0 0 200px; max-height: 60vh; overflow-y: auto; display: flex; flex-direction: column; gap: .25rem; }
.ka-liste button {
    font-family: var(--arabic-font); font-size: 1.35rem; direction: rtl;
    border: 1px solid #ddd; background: #fff; border-radius: .35rem; padding: .3rem .6rem; cursor: pointer; text-align: right;
}
.ka-liste button:hover { background: #f2f6f2; }
.ka-liste button.active { background: var(--rk-primary); color: #fff; border-color: var(--rk-primary); }
.ka-detay { flex: 1; min-width: 0; }

/* Kök / Kelime / Kalıp kutuları */
.ka-kutular { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: .6rem; }
.ka-kutu { flex: 1 1 180px; border: 1px solid #cfd8d2; border-radius: .4rem; overflow: hidden; }
.ka-kutu-bas { background: #5f8575; color: #fff; padding: .25rem .6rem; font-size: .85rem; text-align: center; }
.ka-kutu-deg { padding: .4rem .6rem; font-size: 1.5rem; text-align: center; direction: rtl; min-height: 2.4rem; }
.ka-anlamlar { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1rem; color: #333; }
.ka-anlam-bas { font-weight: 700; color: #555; }

/* Alt kelime seçici */
.ka-alt-secici { display: flex; gap: .3rem; flex-wrap: wrap; margin-bottom: .6rem; direction: rtl; }
.ka-alt-secici button {
    font-family: var(--arabic-font); font-size: 1.3rem; direction: rtl;
    border: 1px solid #ccc; background: #fff; border-radius: .35rem; padding: .2rem .7rem; cursor: pointer;
}
.ka-alt-secici button.active { background: var(--rk-accent); color: #17402b; border-color: var(--rk-accent); }

/* Seçilen alt kelimenin sarf çözümü */
.ka-alt-ust { margin-bottom: .5rem; color: #444; }
.ka-alt-etiket { font-weight: 700; color: #555; margin-inline-end: .3rem; margin-inline-start: 1rem; }
.ka-alt-etiket:first-child { margin-inline-start: 0; }
.ka-alt-ar { font-size: 1.25rem; }
.ka-sarf { border-collapse: collapse; max-width: 480px; }
.ka-sarf th, .ka-sarf td { border: 1px solid #cfd8d2; padding: .3rem .7rem; text-align: start; }
.ka-sarf th { background: #5f8575; color: #fff; font-weight: 600; white-space: nowrap; width: 40%; }
.ka-sarf td { background: #fff; }
.ka-ham { white-space: pre-wrap; direction: rtl; color: #777; font-size: .95rem; }

/* İ'rab tablosu (iç içe hücreli) */
.irab-secici { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .8rem; }
.irab-secici button {
    border: 1px solid #ccc; background: #f7f7f4; border-radius: 50%;
    width: 2rem; height: 2rem; cursor: pointer; font-weight: 600;
}
.irab-secici button.active { background: var(--rk-primary); color: #fff; border-color: var(--rk-primary); }
.irab-tablo-sarma { overflow-x: auto; }
.irab-tablo { border-collapse: collapse; margin: 0 auto; }
.irab-tablo td { border: 1px solid #333; padding: .3rem .5rem; text-align: center; vertical-align: middle; }
.irab-tablo .arapca-h { font-family: var(--arabic-font); font-size: 1.35rem; white-space: nowrap; direction: rtl; }
.irab-tablo .gorev-h { font-size: .8rem; white-space: pre-line; line-height: 1.25; }
/* İ'rabın ait olduğu cümle metni (tablonun altında) */
.irab-cumle {
    margin-top: 1rem; padding: .7rem 1.2rem; border: 1px solid #cfd8d2; border-radius: .4rem;
    background: #fafbfa; text-align: center; font-size: 1.55rem; direction: rtl; line-height: 2.1;
}

/* Kıraat tablosu */
.kiraat-tablo-sarma { overflow-x: auto; }
.kiraat-tablo { border-collapse: collapse; width: 100%; font-size: .95rem; }
.kiraat-tablo th, .kiraat-tablo td { border: 1px solid #e3e1d8; padding: .4rem .6rem; text-align: start; vertical-align: top; }
.kiraat-tablo thead th { background: #eef3ee; color: var(--rk-primary); white-space: nowrap; }
.kiraat-tablo .k-ayet { text-align: center; color: #888; white-space: nowrap; }
.kiraat-tablo .k-ar { font-family: var(--arabic-font); font-size: 1.25rem; direction: rtl; }

/* Tümü (renkli) görünümü */
.kaynak-blok { margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px dashed #e2e0d6; }
.kaynak-blok:last-child { border-bottom: none; }
.kaynak-baslik { font-weight: 700; font-size: .95rem; margin-bottom: .25rem; }
.kaynak-metin.arapca .kaynak-baslik { font-size: 1.05rem; }

/* RTL: meal sayfa yonu */
html[dir="rtl"] .ayet-nav-secim { margin-inline-start: auto; }

/* ================= Sayfa başlığı ================= */
.rk-sayfa-bas {
    font-size: 1.25rem; font-weight: 600; margin: 0 0 .6rem 0;
    padding-bottom: .3rem; border-bottom: 1px solid var(--rk-cizgi, #dee2e6);
    color: var(--rk-primary, #2c5f2d);
}
/* ================= İrab Arama (şablon kurucu) ================= */
.ia-sayfa { display: flex; flex-direction: column; gap: .6rem; }
.ia-sablon { border: 1px solid #d9d6cb; border-radius: .3rem; padding: .4rem; overflow: auto; max-height: 45vh; background: #fbfaf6; }
.ia-tablo td { cursor: pointer; min-width: 3.5rem; }
.ia-tablo td.ia-secili { outline: 2px solid #c0392b; outline-offset: -2px; }
.ia-duzen { border: 1px solid #9fb8b0; border-radius: .3rem; padding: .5rem; display: flex; flex-direction: column; gap: .4rem; max-width: 46rem; }
.ia-satir { display: flex; align-items: center; gap: .4rem; }
.ia-etiket { flex: 0 0 5rem; font-size: .82rem; font-weight: 600; color: #555; }
.ia-gorevler { display: flex; flex: 1 1 auto; gap: .25rem; min-width: 0; }
.ia-gorevler input { flex: 1 1 0; min-width: 0; padding: .2rem .25rem; font-size: .78rem; border: 1px solid #d9d6cb; border-radius: .25rem; background: #fff; }
.ia-satir input.arapca { flex: 1 1 auto; min-width: 0; height: 2rem; line-height: 1.4; font-size: 1.05rem; padding: .1rem .35rem; border: 1px solid #d9d6cb; border-radius: .25rem; }
.ia-onay { font-size: .82rem; display: inline-flex; align-items: center; gap: .3rem; }
.ia-butonlar { display: flex; flex-wrap: wrap; gap: .3rem; }
.ia-butonlar button { border: 1px solid #d9d6cb; background: #f7f6f1; border-radius: .4rem; padding: .25rem .55rem; cursor: pointer; font: inherit; font-size: .8rem; }
.ia-secenek { display: flex; gap: 1rem; flex-wrap: wrap; }
.ia-liste table { table-layout: fixed; }
.ia-liste .ia-st-adet { width: 3.5rem; text-align: center; }
/* Aramada şablona uyan i'rab hücreleri */
.irab-tablo td.irab-bulundu { outline: 2px solid #c0392b; outline-offset: -2px; font-weight: 700; box-shadow: inset 0 0 0 99rem rgba(192,57,43,.14); }
/* İrab Arama sekmeleri ve sonuç düzeni */
.ia-sekmeler { display: flex; gap: .3rem; border-bottom: 1px solid #d9d6cb; margin-bottom: .7rem; }
.ia-sekmeler button {
    border: 1px solid #d9d6cb; border-bottom: none; background: #f7f6f1;
    border-radius: .4rem .4rem 0 0; padding: .35rem .9rem; cursor: pointer; font: inherit; font-size: .88rem;
    margin-bottom: -1px;
}
.ia-sekmeler button.active { background: var(--rk-primary, #2c5f2d); color: #fff; border-color: var(--rk-primary, #2c5f2d); }
.gizli { display: none !important; }
/* Sonuç sekmesinde liste dar tutulur; AyetPaneli geniş kalır */
.ia-sonuc-sol { flex: 0 0 250px; }
.ia-sonuc-sol .hc-liste { max-height: 72vh; }
/* ================= Zamir Racilikleri ================= */
.zr-sol { flex: 0 0 230px; }
.zr-sure-liste { max-height: 78vh; }
.zr-sag { display: flex; flex-direction: column; min-width: 0; }
.zr-baslik {
    font-weight: 600; padding: .3rem .5rem; margin-bottom: .4rem;
    border-bottom: 1px solid #d9d6cb; display: flex; gap: .8rem; align-items: baseline;
}
.zr-grup-say { font-size: .82rem; color: #777; font-weight: 400; }
.zr-govde {
    border: 1px solid #d9d6cb; border-radius: .3rem; background: #fafafa;
    padding: 1.2rem; max-height: 74vh; overflow: auto;
}
.zr-satir {
    display: block; direction: rtl; text-align: right;
    font-size: 1.6rem; line-height: 3.2;
    word-wrap: break-word; overflow-wrap: break-word;
}
.zr-duz { display: inline; vertical-align: middle; }
.zr-ltr { direction: ltr; unicode-bidi: embed; display: inline; white-space: nowrap; }
.zr-sarma {
    display: inline-block; position: relative; text-align: center;
    vertical-align: middle; margin: 0 3px 22px 3px;
}
.zr-icerik, .zr-no-satir { display: block; }
.zr-kutu {
    display: block; border-radius: 10px; padding: 2px 10px;
    white-space: nowrap; direction: rtl; min-width: 40px; text-align: center;
    line-height: 1.9;
}
.zr-dis { border-style: dashed; border-width: 2px; padding: 4px 10px; }
.zr-ic { border-style: solid; border-width: 2px; }
.zr-no {
    display: block; position: absolute; bottom: -20px; left: 0; right: 0;
    font-size: .7rem; color: #c00; font-family: Tahoma, sans-serif;
    font-weight: bold; text-align: center; line-height: 1;
}
/* ================= Kelime Ağacı ================= */
.ka-sol { flex: 0 0 380px; }
.ka-agac {
    border: 1px solid #d9d6cb; border-radius: .3rem; background: #fff;
    max-height: 40vh; overflow: auto; padding: .3rem;
}
.ka-agac ul { list-style: none; margin: 0; padding-left: .9rem; }
.ka-agac > ul { padding-left: 0; }
.ka-dugum { display: flex; align-items: center; gap: .2rem; border-radius: .25rem; padding: .05rem .2rem; }
.ka-dugum:hover { background: #f0efe9; }
.ka-dugum.active { background: var(--rk-primary, #2c5f2d); color: #fff; }
.ka-dugum.ka-vurgu { background: #cde7e4; }
.ka-dugum.active.ka-vurgu { background: var(--rk-primary, #2c5f2d); }
.ka-ok { cursor: pointer; width: 1rem; text-align: center; color: #777; font-size: .75rem; flex: 0 0 auto; }
.ka-dugum.active .ka-ok { color: #fff; }
.ka-bos { cursor: default; }
.ka-ad { cursor: pointer; font-size: .85rem; }
.ka-ad.arapca { font-size: 1.15rem; direction: rtl; }
.ka-gecis-baslik {
    display: flex; align-items: baseline; gap: .5rem; font-size: .85rem; font-weight: 600; color: #555;
    border-bottom: 1px solid #d9d6cb; padding-bottom: .2rem;
}
.ka-grup-ad { font-size: 1.15rem; direction: rtl; font-weight: 400; }
.ka-liste { max-height: 30vh; }
.ka-liste table { table-layout: fixed; }
.ka-liste .ka-st-kok { width: 4.5rem; text-align: center; }
.ka-gecis-say { font-size: .78rem; color: #777; font-weight: 400; }
.ka-gecis-baslik { flex-wrap: wrap; }

/* Sarf Arama: ölçüt sekmesi tam genişlik, sonuç sekmesinde liste dar */
.sa-olcut { max-width: 48rem; }
.sa-olcut .sa-alan > label { flex: 0 0 6rem; }
.sa-olcut .sa-alan .fc-kok-input { flex: 1 1 auto; width: auto; min-width: 0; }
.sa-olcut .sa-alan select { flex: 0 0 14rem; }
.sa-olcut .sa-panel { max-height: 52vh; }
.sa-sonuc-sol { flex: 0 0 420px; }
.sa-sonuc-sol .hc-liste { max-height: 74vh; }
/* Sonuç sütunları: Kelime kalan alanı alır, diğerleri dar ve sabit */
.sa-sonuc-sol .sa-liste .sa-st-kelime { width: auto; }
.sa-sonuc-sol .sa-liste .sa-st-kok { width: 3.6rem; }
.sa-sonuc-sol .sa-liste .sa-st-kalip { width: 5.4rem; }
.sa-sonuc-sol .sa-liste .hc-yer-bas, .sa-sonuc-sol .sa-liste .hc-yer { width: 8.2rem; font-size: .78rem; }
/* Sonuçlar sekmesinde arama ölçütlerinin özeti */
.sa-ozet {
    border: 1px solid #9fb8b0; border-inline-start: 3px solid var(--rk-primary, #2c5f2d);
    border-radius: .3rem; background: #f2f7f5; padding: .4rem .6rem;
    font-size: .82rem; line-height: 1.5; color: #33413c;
    word-wrap: break-word; overflow-wrap: break-word;
}
/* ================= Giriş sayfası ================= */
.rk-giris { max-width: 60rem; margin: 0 auto; line-height: 1.7; color: #2b2b2b; }
.rk-giris h1 {
    font-size: 1.9rem; color: var(--rk-primary, #2c5f2d); margin: .2rem 0 1rem;
    padding-bottom: .5rem; border-bottom: 2px solid var(--rk-accent, #c8a24a);
}
.rk-giris h2 { font-size: 1.25rem; color: var(--rk-primary, #2c5f2d); margin: 1.6rem 0 .6rem; }
.rk-giris p { margin: 0 0 .9rem; }
.rk-giris ul { margin: 0 0 1rem; padding-inline-start: 1.4rem; }
.rk-giris li { margin: .25rem 0; }
.rk-giris strong { color: #1f3a2b; }
.rk-giris hr { border: none; border-top: 1px solid #d9d6cb; margin: 1.8rem 0 1rem; }
/* İmza bloğu: son paragraf sağa yaslı ve vurgulu */
.rk-giris > p:last-of-type { text-align: end; color: #444; }
/* Arapça arayüzde metin yönü zaten sayfa düzeyinde RTL olur */
/* Giriş sayfası filigranı: üst menüdeki logonun soluk, sabit arka plan kopyası.
   Ek istek yok (dosya önbellekte); yalnızca giriş sayfasına uygulanır. */
.rk-giris-filigran { position: relative; }
.rk-giris-filigran::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url("/img/rk-logo.png");
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: min(55vmin, 440px);
    opacity: .05;
    pointer-events: none;
    z-index: 0;
}
.rk-giris-filigran > * { position: relative; z-index: 1; }