/* ══════════════════════════════════════════
   ISLAMIC HUB — prayer.css
   Clock, Prayer Table, Jamaat, Next Prayer Banner
   ══════════════════════════════════════════ */

/* ═══ CLOCK ═══ */
.city-badge{
  display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;
  letter-spacing:1px;color:var(--gold);margin-bottom:12px;
}
.clock-display{margin:8px 0}
.clock-digits{
  font-family:'Digital-7 Mono',monospace;font-size:54px;
  color:var(--green-led);text-shadow:0 0 20px rgba(0,255,136,0.4);
  letter-spacing:3px;line-height:1;
}
.date-strip{font-size:14px;font-weight:600;color:var(--text-soft);letter-spacing:.5px;margin-top:6px}
.hijri-strip{font-size:13px;color:var(--teal);letter-spacing:1px;margin-top:4px;font-weight:600}

/* ═══ PRAYER TABLE ═══ */
.prayer-section{display:flex;flex-direction:column;gap:4px}
.prayer-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;border-radius:13px;background:rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.04);position:relative;
  transition:all .3s;
}
.prayer-row.active{background:rgba(0,255,136,.06);border-color:rgba(0,255,136,.2)}
.prayer-row.next{background:rgba(255,221,0,.04);border-color:rgba(255,221,0,.15)}
.p-label{font-size:15px;font-weight:600;color:var(--text-soft);min-width:90px}
.p-time{
  font-family:'Digital-7 Mono',monospace;font-size:18px;
  color:var(--red-led);text-shadow:0 0 10px rgba(255,34,68,.4);
  min-width:88px;text-align:right;
}
.prayer-row.active .p-time{color:var(--green-led);text-shadow:0 0 12px rgba(0,255,136,.5)}
.prayer-row.next .p-time{color:var(--yellow-led);text-shadow:0 0 12px rgba(255,221,0,.4)}
.p-badge{
  font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 7px;
  border-radius:20px;text-transform:uppercase;margin-left:8px;
}
.badge-active{background:rgba(0,255,136,.15);color:var(--green-led);border:1px solid rgba(0,255,136,.3)}
.badge-next{background:rgba(255,221,0,.12);color:var(--yellow-led);border:1px solid rgba(255,221,0,.25)}

/* ═══ JAMAAT TABLE ═══ */
.jamaat-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;border-radius:13px;background:rgba(0,0,0,.35);
  border:1px solid rgba(34,102,255,.1);position:relative;
}
.j-label{font-size:14px;font-weight:600;color:var(--yellow-led);min-width:130px}
.j-display{
  font-family:'Digital-7 Mono',monospace;font-size:21px;
  color:var(--blue-led);text-shadow:0 0 10px rgba(34,102,255,.5);cursor:pointer;
}
.j-input{position:absolute;opacity:0;pointer-events:auto;width:1px;height:1px}

/* ═══ NEXT PRAYER BANNER ═══ */
.next-prayer-banner{
  background:linear-gradient(135deg,rgba(0,212,170,0.07),rgba(0,212,170,0.02));
  border:1px solid rgba(0,212,170,0.2);border-radius:16px;
  padding:14px 18px;margin-bottom:12px;
  display:flex;justify-content:space-between;align-items:center;
}
.npb-label{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal);text-transform:uppercase;opacity:.7}
.npb-prayer{font-size:18px;font-weight:700;color:var(--teal);letter-spacing:1px}
.npb-countdown{
  font-family:'Digital-7 Mono',monospace;font-size:26px;
  color:var(--teal);text-shadow:0 0 14px var(--teal-glow);letter-spacing:2px;
}