/* Mihrâb — Faz 8 */

/* Tefsir bağlantısı */
a.mini.tefsir-link{text-decoration:none;display:inline-flex;align-items:center}

/* Hatim bitiş tahmini */
.ht-tahmin{display:grid;gap:4px}
.ht-tahmin small{color:var(--muted);line-height:1.55}
.tah-ileri{color:var(--accent-strong,var(--accent));font-weight:600}
.tah-geri{color:var(--gold);font-weight:600}

/* Hac ve umre */
.hac-sema{width:100%;max-width:300px;display:block;margin:10px auto 0;color:var(--ink)}
.hac-dualar{display:grid;gap:8px}
.hac-dua{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--surface)}
.hac-dua summary{cursor:pointer;display:grid;gap:2px;list-style:none}
.hac-dua summary::-webkit-details-marker{display:none}
.hac-dua summary small{color:var(--muted);font-size:.84rem}
.hac-dua[open] summary{margin-bottom:8px}
.hac-dua p{margin:6px 0;line-height:1.6}
.hac-dua .ar,.kadir-dua .ar,.oz-liste .ar{font-family:var(--font-ar);font-size:1.35rem;line-height:2;text-align:right}
.kaynak-yazi{font-size:.8rem;color:var(--muted)}

/* Ramazan: mukabele ve Kadir */
.mk-kart h3,.kadir-kart h3{font-size:1.15rem}
.mk-kart small{color:var(--muted);font-size:.84rem}
.mk-izgara{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:14px}
.mk-izgara button{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font:600 .82rem var(--font-num);padding:0}
.mk-izgara button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.mk-izgara button.bugun{box-shadow:0 0 0 2px var(--gold)}
.kadir-dua{border-left:3px solid var(--gold);padding:4px 0 4px 12px;margin:10px 0}
.kadir-dua p{margin:4px 0;line-height:1.55}

/* Kişisel zikirler */
.oz-kart summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}
.oz-kart summary small{color:var(--muted)}
.oz-form{margin-bottom:10px}
.oz-liste{list-style:none;display:grid;gap:8px;margin-top:12px;padding:0}
.oz-liste li{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.oz-liste li>div:first-child{display:grid;gap:2px;min-width:0}
.oz-liste small{color:var(--muted)}
.oz-liste .row{flex:none}

/* Namaz takvimi */
.tk-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px}
.tk-ust b{font:600 1.05rem var(--font-head);text-transform:capitalize}
.tk-ok{width:38px;height:38px;background:var(--surface-2);color:var(--ink);box-shadow:none}
.tk-izgara{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.tk-bas{text-align:center;font-size:.74rem;color:var(--muted);padding-bottom:2px}
.tk-gun{position:relative;aspect-ratio:1;border:0;border-radius:10px;font:600 .9rem var(--font-num);color:var(--ink);background:var(--surface-2);display:grid;place-items:center;padding:0}
.tk-gun small{position:absolute;bottom:2px;right:5px;font-size:.6rem;opacity:.8}
.tk-gun.s1,.tk-gun.s2{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}
.tk-gun.s3,.tk-gun.s4{background:color-mix(in srgb,var(--accent) 50%,var(--surface-2))}
.tk-gun.s5{background:var(--accent);color:#fff}
.tk-gun.bugun{box-shadow:0 0 0 2px var(--gold)}
.tk-gun:disabled{opacity:.35}
.tk-lejant{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.78rem;color:var(--muted)}
.tk-lejant span{display:inline-flex;align-items:center;gap:5px}
.tk-lejant i{width:12px;height:12px;border-radius:4px;background:var(--surface-2)}
.tk-lejant i.s2{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}
.tk-lejant i.s4{background:color-mix(in srgb,var(--accent) 50%,var(--surface-2))}
.tk-lejant i.s5{background:var(--accent)}
.gun-vakit{display:grid;gap:6px}
.gun-vakit .check{width:100%;border-radius:12px}

/* Vakit dökümü */
.nz-donem{flex-wrap:nowrap}
.vk-liste{display:grid;gap:8px;margin-top:12px}
.vk{display:grid;grid-template-columns:58px 1fr 44px;align-items:center;gap:10px;font-size:.9rem}
.vk .cubuk{margin:0}
.vk b{text-align:right;font-family:var(--font-num)}

/* Cami haritası ve semt araması */
.cami-harita{height:300px;border-radius:var(--radius);overflow:hidden;margin:14px 0;border:1px solid var(--line);z-index:0}
.cami-secenek{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cami-adres{display:block}
.cami-liste small a{color:var(--accent)}

/* Otomatik yerel yedek */
.anlik-liste{list-style:none;padding:0;display:grid;gap:6px;margin-top:8px}
.anlik-liste li{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;text-transform:capitalize}

/* Çocuk: temel bilgiler */
.ck-soru{text-align:center;font-size:1.3rem;margin:14px 0}
.ck-dinle{margin-top:4px}

/* Erişilebilirlik: hareketleri azalt */
.az-hareket *,.az-hareket *::before,.az-hareket *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

@media (max-width:520px){
  .mk-izgara{grid-template-columns:repeat(6,minmax(0,1fr))}
  .nz-donem{margin-top:8px}
  .cami-harita{height:240px}
}

/* Şema yazıları çizgilerin üstünde de okunsun */
.hac-sema text{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}

/* =====================================================================
   Renkli menüler: her bölümün kendi rengi
   ===================================================================== */
:where(.quick button,.hizli-izgara button,.hizli-liste li,.bottom button,.view){--r:var(--accent)}
[data-go="home"],[data-hizli-git="home"],.hizli-liste li:has([data-hizli-cikar="home"]),#v-home{--r:#0B7F6A}
[data-go="vakit"],[data-hizli-git="vakit"],.hizli-liste li:has([data-hizli-cikar="vakit"]),#v-vakit{--r:#2563EB}
[data-go="kible"],[data-hizli-git="kible"],.hizli-liste li:has([data-hizli-cikar="kible"]),#v-kible{--r:#7C3AED}
[data-go="kuran"],[data-hizli-git="kuran"],.hizli-liste li:has([data-hizli-cikar="kuran"]),#v-kuran{--r:#059669}
[data-go="sure"],[data-hizli-git="sure"],.hizli-liste li:has([data-hizli-cikar="sure"]),#v-sure{--r:#059669}
[data-go="mushaf"],[data-hizli-git="mushaf"],.hizli-liste li:has([data-hizli-cikar="mushaf"]),#v-mushaf{--r:#0D9488}
[data-go="zikir"],[data-hizli-git="zikir"],.hizli-liste li:has([data-hizli-cikar="zikir"]),#v-zikir{--r:#DB2777}
[data-go="esma"],[data-hizli-git="esma"],.hizli-liste li:has([data-hizli-cikar="esma"]),#v-esma{--r:#D97706}
[data-go="dua"],[data-hizli-git="dua"],.hizli-liste li:has([data-hizli-cikar="dua"]),#v-dua{--r:#0891B2}
[data-go="rehber"],[data-hizli-git="rehber"],.hizli-liste li:has([data-hizli-cikar="rehber"]),#v-rehber{--r:#16A34A}
[data-go="hatim"],[data-hizli-git="hatim"],.hizli-liste li:has([data-hizli-cikar="hatim"]),#v-hatim{--r:#B7791F}
[data-go="ramazan"],[data-hizli-git="ramazan"],.hizli-liste li:has([data-hizli-cikar="ramazan"]),#v-ramazan{--r:#9333EA}
[data-go="istatistik"],[data-hizli-git="istatistik"],.hizli-liste li:has([data-hizli-cikar="istatistik"]),#v-istatistik{--r:#4F46E5}
[data-go="tavaf"],[data-hizli-git="tavaf"],.hizli-liste li:has([data-hizli-cikar="tavaf"]),#v-tavaf{--r:#B45309}
[data-go="cami"],[data-hizli-git="cami"],.hizli-liste li:has([data-hizli-cikar="cami"]),#v-cami{--r:#0F766E}
[data-go="baslangic"],[data-hizli-git="baslangic"],.hizli-liste li:has([data-hizli-cikar="baslangic"]),#v-baslangic{--r:#EA580C}
[data-go="yedek"],[data-hizli-git="yedek"],.hizli-liste li:has([data-hizli-cikar="yedek"]),#v-yedek{--r:#475569}
[data-go="siyer"],[data-hizli-git="siyer"],.hizli-liste li:has([data-hizli-cikar="siyer"]),#v-siyer{--r:#B91C1C}
[data-go="ziyaret"],[data-hizli-git="ziyaret"],.hizli-liste li:has([data-hizli-cikar="ziyaret"]),#v-ziyaret{--r:#C2410C}
[data-go="sozluk"],[data-hizli-git="sozluk"],.hizli-liste li:has([data-hizli-cikar="sozluk"]),#v-sozluk{--r:#0369A1}
[data-go="test"],[data-hizli-git="test"],.hizli-liste li:has([data-hizli-cikar="test"]),#v-test{--r:#E11D48}
[data-go="cocuk"],[data-hizli-git="cocuk"],.hizli-liste li:has([data-hizli-cikar="cocuk"]),#v-cocuk{--r:#F59E0B}
[data-go="canli"],[data-hizli-git="canli"],.hizli-liste li:has([data-hizli-cikar="canli"]),#v-canli{--r:#DC2626}
[data-go="hadis"],[data-hizli-git="hadis"],.hizli-liste li:has([data-hizli-cikar="hadis"]),#v-hadis{--r:#65A30D}
[data-go="takvim"],[data-hizli-git="takvim"],.hizli-liste li:has([data-hizli-cikar="takvim"]),#v-takvim{--r:#7E22CE}
[data-go="kaza"],[data-hizli-git="kaza"],.hizli-liste li:has([data-hizli-cikar="kaza"]),#v-kaza{--r:#BE123C}
[data-go="hakkinda"],[data-hizli-git="hakkinda"],.hizli-liste li:has([data-hizli-cikar="hakkinda"]),#v-hakkinda{--r:#64748B}
[data-go="zekat"],[data-hizli-git="zekat"],.hizli-liste li:has([data-hizli-cikar="zekat"]),#v-zekat{--r:#15803D}
[data-go="bilgi"],[data-hizli-git="bilgi"],.hizli-liste li:has([data-hizli-cikar="bilgi"]),#v-bilgi{--r:#0284C7}
[data-go="daha"],[data-hizli-git="daha"],.hizli-liste li:has([data-hizli-cikar="daha"]),#v-daha{--r:#6366F1}
[data-open-loc]{--r:#0EA5E9}
.quick .ic,.hizli-izgara .ic,.hizli-liste .ic,.bottom button svg,.view{--ri:var(--r)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.quick .ic,.hizli-izgara .ic,.hizli-liste .ic,.bottom button svg,.view){--ri:color-mix(in srgb,var(--r) 58%,#fff)}}
:root[data-theme="dark"] :is(.quick .ic,.hizli-izgara .ic,.hizli-liste .ic,.bottom button svg,.view){--ri:color-mix(in srgb,var(--r) 58%,#fff)}

/* Menü ikonları */
.quick .ic,.hizli-izgara .ic,.hizli-liste .ic{color:var(--ri);background:linear-gradient(140deg,color-mix(in srgb,var(--r) 22%,var(--surface)),color-mix(in srgb,var(--r) 8%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--r) 25%,transparent)}
.quick button{background:linear-gradient(165deg,color-mix(in srgb,var(--r) 7%,var(--surface)),var(--surface) 65%)}
.quick button:hover,.hizli-izgara button:hover{border-color:var(--r)}
.quick button:active .ic,.hizli-izgara button:active .ic{background:var(--r);color:#fff}

/* Alt menü */
.bottom button[data-go] svg{color:var(--ri)}
.bottom button.on[data-go]{background:color-mix(in srgb,var(--r) 15%,transparent);color:var(--ri)}

/* Bölüm içleri */
.view .section-head h2::before{background:var(--r)}
.view:not(#v-home) .card-title{color:var(--ri)}
.view:not(#v-home) > .card,.view:not(#v-home) > .grid-2 > .card,.view:not(#v-home) > .grid-2 > div > .card{border-top:3px solid color-mix(in srgb,var(--r) 75%,transparent)}
.view:not(#v-home) .chip.on{background:var(--r);border-color:var(--r);color:#fff}
.view:not(#v-home) .cubuk i{background:var(--r)}
.quick .ic svg,.hizli-izgara .ic svg,.hizli-liste .ic svg{color:inherit}

/* Ayarlar */
.ay-kart h3{font-size:1.15rem}
.ay-kart small{display:block;color:var(--muted);font-size:.86rem}
.ay-liste{display:grid;gap:8px;margin-top:12px}
.ay-liste button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:12px 14px;color:var(--ink)}
.ay-liste button b{grid-column:1}
.ay-liste button small{grid-column:1}
.ay-liste button span{grid-column:2;grid-row:1/3;align-self:center;font-size:1.5rem;color:var(--r,var(--accent))}
.ay-yonlendir{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;margin-bottom:18px;color:var(--ink)}
.ay-yonlendir small{display:block;color:var(--muted);font-size:.84rem}
.ay-ok{font-size:1.6rem;color:var(--r,var(--accent))}

/* Kıble: telefonda pusula ve düğmeler aynı ekranda; düğmeler alt çubuğun altında kalmasın */
@media (max-width:720px){
  .qibla{gap:14px}
  .qibla .dial{width:min(100%,46vh);margin:0 auto}
  .qibla>div:last-child{display:flex;flex-direction:column}
  .qibla>div:last-child>.row{order:-1;margin:0 0 14px!important;justify-content:center}
}