/* ===== صحبة القرآن — islamic.css (زخارف وهوية إسلامية) ===== */
:root{
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23c9a24b' stroke-opacity='.28' stroke-width='1'%3E%3Cpath d='M36 6l8 10 12 2-2 12 8 6-8 6 2 12-12 2-8 10-8-10-12-2 2-12-8-6 8-6-2-12 12-2z'/%3E%3Ccircle cx='36' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E");
}
.pattern-bg{background-image:var(--pattern)}
.ornament-divider{display:flex;align-items:center;gap:10px;color:var(--gold);margin:14px 0}
.ornament-divider::before,.ornament-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.basmala{font-family:var(--font-quran);font-size:28px;text-align:center;color:var(--emerald-deep);padding:10px}
body.dark .basmala{color:var(--gold)}
.surah-head{background:linear-gradient(135deg,rgba(13,122,95,.12),rgba(201,162,75,.16));
  border:1px solid rgba(201,162,75,.5);border-radius:16px;padding:16px;text-align:center;margin:12px 0}
.splash::before{content:"";position:absolute;inset:0;background-image:var(--pattern);opacity:.5;pointer-events:none}
.splash .crescent{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:54px;
  background:linear-gradient(150deg,var(--emerald-deep),#0ea472);position:relative;z-index:1;
  border:2px solid rgba(236,210,138,.8);
  box-shadow:0 16px 44px rgba(6,78,59,.35),0 0 40px rgba(201,162,75,.35),inset 0 2px 6px rgba(255,255,255,.35)}
.frame-gold{border:1.5px solid rgba(201,162,75,.55);border-radius:var(--radius);position:relative}
.corner{position:absolute;width:22px;height:22px;border:3px solid var(--gold);opacity:.8}
.corner.tl{top:6px;right:6px;border-left:none;border-bottom:none;border-radius:0 10px 0 0}
.corner.tr{top:6px;left:6px;border-right:none;border-bottom:none;border-radius:10px 0 0 0}
.corner.bl{bottom:6px;right:6px;border-left:none;border-top:none;border-radius:0 0 0 10px}
.corner.br{bottom:6px;left:6px;border-right:none;border-top:none;border-radius:0 0 10px 0}
.seal{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;
  border:2px solid var(--gold);color:var(--gold);font-weight:800;background:rgba(201,162,75,.08)}