/* ══════════════════════════════════════════════════════════════════════════════
   [CSS-H] QIBLA HERO CARD
   ══════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   QIBLA HERO CARD
═══════════════════════════════════════════ */
.qibla-hero{
  width:100%;
  background:linear-gradient(135deg,var(--panel) 0%,var(--ink3) 100%);
  border:1px solid var(--rim);
  border-radius:var(--radius);
  padding:14px 16px;
  display:flex;align-items:center;gap:14px;
  position:relative;overflow:hidden;
}
.qibla-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 100% 50%,rgba(200,164,74,.08),transparent 65%);
}
.qibla-deg{
  font-family:'JetBrains Mono',monospace;font-size:2.8rem;font-weight:700;
  color:var(--gold-l);line-height:1;letter-spacing:-.02em;
}
.qibla-info{flex:1;}
.qibla-label{font-size:.6rem;color:var(--txt3);font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;}
.qibla-dir{font-size:.95rem;font-weight:700;color:var(--txt);}
.qibla-sub{font-size:.68rem;color:var(--txt3);margin-top:2px;}
.kaaba-icon{font-size:2.4rem;opacity:.85;position:relative;z-index:1;}