/* ══════════════════════════════════════════
   ISLAMIC HUB — calendar.css
   Hijri/Gregorian Calendar Styles
   ══════════════════════════════════════════ */

.cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cal-nav-btn{
  width:36px;height:36px;border-radius:12px;
  background:var(--surface-2);border:1px solid var(--border);
  color:var(--gold);font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .2s;
}
.cal-nav-btn:hover{border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow);transform:scale(1.05)}
.cal-month-name{font-family:'Cinzel',serif;font-size:18px;font-weight:700;color:var(--gold-light);text-shadow:0 0 12px var(--gold-glow)}
.hijri-label{text-align:center;font-size:14px;color:var(--teal);font-weight:600;letter-spacing:1px;margin-bottom:14px;text-shadow:0 0 8px rgba(0,212,170,.2)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.day-name{font-size:9.5px;font-weight:700;color:var(--text-muted);text-align:center;padding:5px 0;letter-spacing:1px;text-transform:uppercase}
.day-name.fri{color:var(--gold);opacity:.7}
.cal-cell{
  aspect-ratio:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;border-radius:9px;cursor:pointer;transition:all .2s;
  font-size:13px;font-weight:600;position:relative;
}
.cal-cell:hover{background:var(--surface-2)}
.cal-cell.today{
  background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(201,168,76,.06));
  border:1px solid rgba(201,168,76,.4);color:var(--gold-light);
  box-shadow:0 0 12px rgba(201,168,76,.12);
}
.cal-cell.other{color:#2a2820;font-weight:400}
body.light-mode .cal-cell.other{color:#ccc8c0}
.hijri-num{font-size:7.5px;color:var(--teal);opacity:.6;line-height:1;font-family:'Digital-7 Mono',monospace}
.today-info{
  margin-top:12px;padding:12px 16px;
  background:rgba(0,212,170,.04);border:1px solid rgba(0,212,170,.12);
  border-radius:13px;text-align:center;font-size:14px;
  color:var(--teal);font-weight:600;letter-spacing:.5px;
}