/* ========================================
   ARABIC TYPOGRAPHY — Site-wide Standard
   Turk hatti Kuran paketi (iar/) ile uyumlu, tum sitede tek standart.
   ----------------------------------------
   ZORUNLU OpenType ozellikleri: mark, mkmk, rlig, calt, liga, kern
   YASAK: text-align:justify, bidi-override, font-variant-ligatures:none
   ======================================== */

/* ----- @font-face -----
   PRIMARY: iar-kuran-hat (Turk Mushaf hat ekolu - Sheikh Hamdullah / Bilgisayarli Istanbul Hatti)
   ALIAS: Shaikh Hamdullah Mushaf, mushafR (ayni font)
   FALLBACK: UthmanicHafs1 (eski Diyanet), Scheherazade/Amiri (sistem) */
@font-face {
    font-family: 'iar-kuran-hat';
    src: url('/iar/fonts/kuran-hat.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block; /* shaping bozulmasin diye block - swap ile FOUT olabiliyor */
}

@font-face {
    font-family: 'Shaikh Hamdullah Mushaf';
    src: url('/fonts/ShaikhHamdullahMushaf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'UthmanicHafs1';
    src: url('/tefsir/assets/fonts/UthmanicHafs1.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Eski 'mushafR' alias - ayni font dosyasi */
@font-face {
    font-family: 'mushafR';
    src: url('/iar/fonts/kuran-hat.ttf') format('truetype'),
         url('/tefsir/assets/fonts/UthmanicHafs1.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* ----- Site-wide CSS variable -----
   SADECE iar-kuran-hat — fallback YOK. Eksik glyph durumunda sistem serif'e düşer.
   Türk Mushaf (DENEMEELRR) ile birebir aynı render için diğer fontlar devre dışı. */
:root {
    --font-arabic: 'iar-kuran-hat', serif;
    --font-arabic-size: 1.6em;
    --font-arabic-line: 2.6;
}

/* ----- Helper class -----
   Tum Arapca display elementleri icin tek standart shaping.
   .iar-ayet ile birebir uyumlu. */
.arabic,
[lang="ar"],
.daily-verse__arabic,
.verse-arabic,
.ayet-arabic,
.hadis-arabic,
.dua-arabic,
.tefsir-arabic,
.ko-hero-arabic {
    font-family: var(--font-arabic);
    direction: rtl;
    text-align: right;
    unicode-bidi: isolate;
    line-height: var(--font-arabic-line);
    font-weight: 400;
    word-spacing: 2px;
    letter-spacing: normal;
    font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "kern" 1, "mark" 1, "mkmk" 1;
    -webkit-font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "kern" 1, "mark" 1, "mkmk" 1;
    font-variant-ligatures: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.arabic-center {
    text-align: center;
    direction: rtl;
}

/* ----- Mushaf style block (sure basliklari, besmele) ----- */
.arabic-mushaf {
    font-family: var(--font-arabic);
    direction: rtl;
    text-align: center;
    unicode-bidi: isolate;
    line-height: 2.6;
    letter-spacing: 0;
    word-spacing: 2px;
    color: inherit;
    font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "kern" 1, "mark" 1, "mkmk" 1;
    -webkit-font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "kern" 1, "mark" 1, "mkmk" 1;
    font-variant-ligatures: normal;
    text-rendering: optimizeLegibility;
}

/* ----- Mushaf-specific decorative besmele ----- */
.arabic-bismillah {
    font-family: var(--font-arabic);
    direction: rtl;
    text-align: center;
    unicode-bidi: isolate;
    line-height: 2.6;
    font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "kern" 1, "mark" 1, "mkmk" 1;
    -webkit-font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "kern" 1, "mark" 1, "mkmk" 1;
    text-rendering: optimizeLegibility;
}

/* ----- ZORUNLU SAFETY OVERRIDES -----
   Global site CSS'i text-align:justify veya bidi-override koyarsa
   Arapca elementlerde IPTAL et (harf baglantilari ve harake hizalama kirilmasin) */
.arabic, .iar-ayet, .kuran-text, .interlinear-arabic,
[lang="ar"], .arabic-mushaf, .arabic-bismillah {
    text-align: right !important;
    unicode-bidi: isolate !important;
}
.arabic-center, .arabic-mushaf, .arabic-bismillah {
    text-align: center !important;
}