.feature-hero { text-align:center; padding:2rem 1rem 1.5rem; background:linear-gradient(135deg,var(--primary-soft),var(--bg-soft)); border-bottom:1px solid var(--border); }
.feature-hero h1 { margin:.2rem 0; color:var(--primary-strong); font-size:clamp(2rem,5vw,3rem); }
.feature-hero p:last-child { color:var(--muted); margin:.35rem auto; max-width:760px; }
.feature-kicker { color:var(--gold); font-size:.88rem; font-weight:800; margin:0; }
.feature-main { width:min(1050px,94vw); margin:1.2rem auto 3rem; }
.feature-main section { margin:1rem 0; }
.feature-note,.location-box,.qibla-box { padding:1rem; border:1px solid var(--border); border-radius:16px; background:var(--surface); line-height:1.85; box-shadow:var(--shadow); }
.feature-note { background:var(--bg-soft); }
.feature-note h2 { margin:.1rem 0 .5rem; color:var(--primary-strong); }
.source-note p { margin:.3rem 0; }
.feature-note a,.adhkar-source,.adhkar-quran-links a { color:var(--primary-strong); }
.feature-tabs { display:flex; gap:.55rem; flex-wrap:wrap; margin:1rem 0 .5rem; }
.feature-tab { font:inherit; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--text); padding:.55rem 1rem; cursor:pointer; }
.feature-tab.is-active { background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.feature-status { color:var(--muted); font-size:.9rem; margin:.45rem 0; }
.status-error { color:#a33232; }
.adhkar-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:.8rem; margin-top:.8rem; }
.adhkar-card { display:flex; flex-direction:column; gap:.55rem; padding:1rem; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow); }
.adhkar-card-head { display:flex; justify-content:space-between; gap:.6rem; align-items:flex-start; }
.adhkar-card h2 { color:var(--primary-strong); font-size:1.12rem; margin:0; }
.adhkar-goal { white-space:nowrap; padding:.2rem .55rem; border-radius:999px; background:var(--gold-soft); color:var(--gold); font-size:.82rem; }
.adhkar-text { font-family:'Amiri',serif; font-size:1.35rem; line-height:2; margin:.1rem 0; color:var(--text); }
.adhkar-note { color:var(--muted); margin:0; font-size:.9rem; }
.adhkar-quran-links,.adhkar-actions { display:flex; flex-wrap:wrap; gap:.45rem; }
.adhkar-quran-links a { text-decoration:none; padding:.25rem .65rem; border:1px solid var(--border); border-radius:999px; background:var(--bg-soft); }
.adhkar-meter { display:flex; justify-content:center; padding:.4rem; border-radius:10px; background:var(--bg-soft); color:var(--primary-strong); }
.adhkar-current { font-variant-numeric:tabular-nums; }
.adhkar-actions button,.feature-actions button { font:inherit; cursor:pointer; border:1px solid var(--primary); border-radius:10px; padding:.5rem .8rem; background:var(--primary); color:var(--on-primary); }
.adhkar-actions .adhkar-reset,.feature-actions .feature-secondary { color:var(--primary-strong); background:var(--bg-soft); border-color:var(--border); }
.adhkar-actions button:disabled { opacity:.6; cursor:default; }
.adhkar-source { font-size:.8rem; text-decoration:none; margin-top:auto; }
.feature-footnote { color:var(--muted); font-size:.82rem; line-height:1.8; }
.location-box h2,.qibla-box h2 { margin:.1rem 0 .5rem; color:var(--primary-strong); }
.location-fields { display:grid; grid-template-columns:auto minmax(150px,1fr) auto minmax(150px,1fr); align-items:center; gap:.6rem; }
.location-fields label { font-weight:700; }
.location-fields input { width:100%; min-width:0; font:inherit; padding:.65rem .8rem; border:1px solid var(--border); border-radius:10px; background:var(--bg); color:var(--text); }
.feature-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.8rem; }
.prayer-date-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; margin:.8rem 0; }
.prayer-date-row h2 { color:var(--primary-strong); margin:0; }
.next-prayer { border-radius:999px; background:var(--gold-soft); color:var(--gold); padding:.4rem .8rem; margin:0; }
.prayer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:.65rem; }
.prayer-time-card { display:grid; gap:.4rem; text-align:center; padding:.85rem .5rem; border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); }
.prayer-time-card span { color:var(--muted); }
.prayer-time-card strong { font-size:1.3rem; color:var(--primary-strong); font-variant-numeric:tabular-nums; }
.qibla-content { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2rem; padding:.8rem; }
.compass { position:relative; width:210px; height:210px; border:5px solid var(--gold-line); border-radius:50%; background:radial-gradient(circle,var(--surface) 58%,var(--bg-soft) 59%); box-shadow:inset 0 0 0 1px var(--border),var(--shadow); }
.compass:before,.compass:after { content:''; position:absolute; background:var(--border); }
.compass:before { width:1px; height:86%; top:7%; left:calc(50% - .5px); }
.compass:after { height:1px; width:86%; left:7%; top:calc(50% - .5px); }
.compass-north,.compass-east,.compass-south,.compass-west { position:absolute; font-weight:800; color:var(--muted); z-index:2; }
.compass-north { top:5px; left:50%; transform:translateX(-50%); }
.compass-east { right:8px; top:50%; transform:translateY(-50%); }
.compass-south { bottom:5px; left:50%; transform:translateX(-50%); }
.compass-west { left:8px; top:50%; transform:translateY(-50%); }
.compass-needle { position:absolute; z-index:3; width:8px; height:78px; bottom:50%; left:calc(50% - 4px); transform-origin:50% 100%; color:#b63838; text-align:center; font-size:2rem; line-height:1; transition:transform .35s ease; }
.compass-needle span { display:block; transform:translateY(-3px); text-shadow:0 1px 2px var(--surface); }
.compass-center { position:absolute; z-index:4; inset:calc(50% - 29px) auto auto calc(50% - 29px); width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:var(--primary-strong); background:var(--surface); border:1px solid var(--border); font-size:.72rem; font-weight:800; }
.qibla-number { text-align:center; }
.qibla-number strong { display:block; font-size:2rem; color:var(--primary-strong); }
.qibla-number span { color:var(--muted); }
.qibla-number p { max-width:260px; }
@media(max-width:620px) { .location-fields { grid-template-columns:1fr; gap:.35rem; } .feature-actions button { flex:1 1 100%; } .qibla-content { gap:.8rem; } }


/* يظهر فقط عندما ترصد الصفحة علامة قد تدل على خطأ في بيانات المواقيت */
.prayer-warning {
  margin: 1rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid #b45309;
  border-right: 5px solid #b45309;
  border-radius: 12px;
  background: #fff7ed;
  color: #7c2d12;
  line-height: 1.85;
}
.prayer-warning strong {
  display: block;
  margin-bottom: .35rem;
}
.prayer-warning p { margin: 0; }
[hidden].prayer-warning { display: none !important; }
[data-theme="dark"] .prayer-warning {
  background: #3b2417;
  border-color: #d97706;
  color: #ffedd5;
}