/* Mihrâb — Faz 2 bölümlerinin stilleri */

/* Ana ekranda kıble kısayolu */
.loc-btn{margin:14px 8px 0 0;vertical-align:top}
#kibleBtn svg{color:#EBCB8B}

/* Tecvid renkleri (açık / koyu temaya göre) */
:root{--tj-med:#1F5FD0;--tj-kalkale:#C8102E;--tj-ihfa:#9A1FB5;--tj-idgam:#0E8A3E;--tj-iklab:#0B8FB8;--tj-gunne:#D2690B;--tj-sessiz:#8D979C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tj-med:#7FB0FF;--tj-kalkale:#FF7A8A;--tj-ihfa:#D99BF0;--tj-idgam:#6FDB93;--tj-iklab:#6FD3F2;--tj-gunne:#FFB066;--tj-sessiz:#8E9BA2}}
:root[data-theme="dark"]{--tj-med:#7FB0FF;--tj-kalkale:#FF7A8A;--tj-ihfa:#D99BF0;--tj-idgam:#6FDB93;--tj-iklab:#6FD3F2;--tj-gunne:#FFB066;--tj-sessiz:#8E9BA2}
.tj-med{color:var(--tj-med)}.tj-kalkale{color:var(--tj-kalkale)}.tj-ihfa{color:var(--tj-ihfa)}.tj-idgam{color:var(--tj-idgam)}.tj-iklab{color:var(--tj-iklab)}.tj-gunne{color:var(--tj-gunne)}.tj-sessiz{color:var(--tj-sessiz)}
.tj-lejant{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:.84rem}
.tj-lejant span{display:inline-flex;align-items:center;gap:7px}
.tj-lejant i{width:11px;height:11px;border-radius:50%;background:currentColor}

/* İkinci meal */
.mn2{background:var(--surface-2);border-radius:12px;padding:12px 16px;line-height:1.7;font-size:.98rem}
.mn2 b{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.hide-meal .ayet .mn2{display:none}
#gorModal .check{border-radius:13px;width:100%}

/* Ayet arama sonuçları */
#ayetAraBtn{margin:12px 0 0;display:block;text-align:left}
#ayetAra{margin-top:12px}
.ara-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.ara-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ara-liste button{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 16px;display:grid;gap:4px;color:var(--ink);box-shadow:var(--shadow-sm)}
.ara-liste button:hover{border-color:var(--accent)}
.ara-liste b{color:var(--gold);font:700 .84rem var(--font-num)}
.ara-liste span{line-height:1.6}
mark{background:var(--gold-soft);color:inherit;border-radius:4px;padding:0 2px;font-weight:600}

/* Ek bildirimler */
.notif-ek{border-top:1px solid var(--line);margin:6px 0 14px;padding-top:16px}
.notif-ek .card-title{margin-bottom:6px}
.ek-form{grid-template-columns:repeat(3,1fr)}

/* Genel arama */
.ara-modal{place-items:start center;padding-top:calc(env(safe-area-inset-top,0px) + 72px)}
.ara-modal .modal-box{max-width:620px;gap:12px}
.ara-modal .search{max-width:none;font-size:1.05rem;padding:14px 16px}
.ara-sonuc{display:grid;gap:14px;max-height:62vh;overflow:auto;margin:0 -6px;padding:0 6px 4px}
.ara-grup{display:grid;gap:6px}
.ara-grup .card-title{margin-bottom:2px}
.ara-grup button{width:100%;text-align:left;border:0;background:var(--surface-2);border-radius:12px;padding:10px 14px;display:grid;gap:2px;color:var(--ink)}
.ara-grup button:hover{background:var(--accent-soft)}
.ara-grup b{font-weight:600}
.ara-grup small{color:var(--muted);font-size:.86rem;line-height:1.4}
.ara-grup .ara-ayet{background:var(--accent-soft)}

/* Yakındaki camiler */
.cami-liste{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.cami-liste li{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow-sm)}
.cami-liste b{display:block;font:600 1.1rem var(--font-head)}
.cami-liste small{color:var(--muted)}
.cami-liste a.btn{text-decoration:none;padding:9px 14px}

/* Hac ve umre: vacip rozeti, hazırlık listesi */
.farz.vacip{background:var(--gold-soft);color:var(--gold)}
.hz-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px 28px;margin-top:18px}
.hz-grup{display:grid;gap:4px;align-content:start}
.hz{display:flex;gap:10px;align-items:flex-start;padding:7px 0;cursor:pointer;line-height:1.45}
.hz input{accent-color:var(--accent);width:18px;height:18px;margin:2px 0 0;flex:none}
.hz:has(input:checked) span{color:var(--muted);text-decoration:line-through}

@media (max-width:720px){
  .ek-form{grid-template-columns:1fr}
  .ara-modal{place-items:start center;padding:calc(env(safe-area-inset-top,0px) + 12px) 10px 0}
  .ara-modal .modal-box{border-radius:var(--radius-lg);max-height:calc(100% - 24px)}
  .loc-btn{padding:9px 12px}
  .cami-liste li{padding:14px 16px}
  .cami-liste .row{width:100%}
  .cami-liste a.btn{flex:1;text-align:center}
  /* Alt çubuk: ekranın altına sabit, tam genişlik */
  .bottom{left:0;right:0;bottom:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -8px 24px -14px rgba(8,24,32,.3);transform:translateZ(0)}
  .bottom button{border-radius:14px}
  main{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .kur{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.kur-acik main{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}
  body{background-attachment:scroll}
}