/* Mihrâb — Faz 4 stilleri: Kâbe örtüsü (kisve) vakit kartı, yedek ve senkron */

/* ---------- Vakit kartı: Kâbe örtüsü ---------- */
:root{--kisve-altin:#D4AF5A;--kisve-altin-a:#F6E3A6;--kisve-altin-k:#9C7629}
.hero{
  container-type:inline-size;
  background:
    radial-gradient(130% 90% at 50% -20%,rgba(255,255,255,.08),transparent 55%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#151515 0%,#0B0B0B 55%,#060606 100%);
  box-shadow:inset 0 0 0 1px rgba(212,175,90,.35),0 30px 60px -28px rgba(0,0,0,.85);
}
.hero::after{background:radial-gradient(circle,rgba(212,175,90,.10),transparent 65%)}
.hero .kisve-yazi{fill:rgba(255,255,255,.055);font-family:var(--font-ar)}
.hero .besmele{background:linear-gradient(180deg,var(--kisve-altin-a),var(--kisve-altin) 60%,var(--kisve-altin-k));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 10px rgba(212,175,90,.25))}
.hero .dates strong,.hero .next .label{color:var(--kisve-altin)}
.hero .countdown{color:#fff}
.hero .vprog{background:rgba(255,255,255,.08)}
.hero .vprog i{background:linear-gradient(90deg,var(--kisve-altin-k),var(--kisve-altin-a))}
.hero .t{background:rgba(255,255,255,.045);border-color:rgba(212,175,90,.18)}
.hero .t span{color:#B9B2A0}
.hero .t.now{background:linear-gradient(160deg,var(--kisve-altin-a),var(--kisve-altin) 55%,var(--kisve-altin-k));border-color:transparent;color:#1A1405;box-shadow:0 12px 26px -12px rgba(212,175,90,.75)}
.hero .t.now span{color:rgba(26,20,5,.72)}
.hero .loc-btn{background:rgba(255,255,255,.05);border-color:rgba(212,175,90,.25)}
.hero .loc-btn svg,#kibleBtn svg{color:var(--kisve-altin)}
.hero .source{color:#A9A296}

/* ---------- Yedek ve senkron ---------- */
.yd-kart{display:grid;gap:12px;align-content:start}
.yd-kart h3{display:flex;align-items:center;gap:8px}
.yd-uyari{background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 14px 14px 0;padding:14px 16px;display:grid;gap:8px}
.yd-uyari p{line-height:1.55}
.sn-kod{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sn-kod code{font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;background:var(--surface-2);border-radius:10px;padding:8px 12px;flex:1;min-width:0;overflow-wrap:anywhere}
.sn-durum{font-size:.88rem;color:var(--muted)}
#snKod{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.yd-kart .check{border-radius:13px;width:max-content}