/* ==========================================================
 * Template: Glass Sky
 * Putih bersih + biru langit, ikon line-art tipis, clean SaaS.
 * ========================================================== */
.cmm-tpl-glasssky{
  --gs-bg-1:#f0f9ff; --gs-bg-2:#e0f2fe; --gs-text:#0f172a;
  --gs-muted:#64748b; --gs-line:#bae6fd; --gs-accent:#0ea5e9;
  --gs-accent-2:#38bdf8; --gs-card:rgba(255,255,255,.72);
  color:var(--gs-text);
  background:linear-gradient(160deg,var(--gs-bg-1),var(--gs-bg-2));
  border-radius:18px;padding:18px;
  font-family:'Inter','SF Pro Display',system-ui,sans-serif;
}
.cmm-tpl-glasssky .cmm-card,
.cmm-tpl-glasssky .cmm-day,
.cmm-tpl-glasssky .cmm-cal,
.cmm-tpl-glasssky .cmm-best,
.cmm-tpl-glasssky .cmm-cmp,
.cmm-tpl-glasssky .cmm-cal-cell{
  background:var(--gs-card)!important;
  border:1px solid var(--gs-line)!important;
  color:var(--gs-text)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:16px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 8px 24px -12px rgba(14,165,233,.25);
}
.cmm-tpl-glasssky .cmm-day,
.cmm-tpl-glasssky .cmm-cal-cell{ transition:all .2s ease; }
.cmm-tpl-glasssky .cmm-day:hover,
.cmm-tpl-glasssky .cmm-cal-cell:hover{
  border-color:var(--gs-accent)!important;
  box-shadow:0 0 0 2px rgba(14,165,233,.15), 0 12px 30px -10px rgba(14,165,233,.35);
  transform:translateY(-2px);
}
.cmm-tpl-glasssky .cmm-temp,
.cmm-tpl-glasssky .cmm-day-temp,
.cmm-tpl-glasssky .cmm-cal-tmax,
.cmm-tpl-glasssky .cmm-hero-tnow{
  color:var(--gs-accent)!important;font-weight:600;letter-spacing:-.02em;
}
.cmm-tpl-glasssky .cmm-icon,
.cmm-tpl-glasssky .cmm-day-icon,
.cmm-tpl-glasssky .cmm-cal-icon{
  filter:drop-shadow(0 2px 4px rgba(14,165,233,.2));
  opacity:.85;
}
.cmm-tpl-glasssky .cmm-cond,.cmm-tpl-glasssky .cmm-meta,
.cmm-tpl-glasssky .cmm-day-cond,.cmm-tpl-glasssky .cmm-day-dow,
.cmm-tpl-glasssky .cmm-cal-dow,.cmm-tpl-glasssky .cmm-cal-tmin{
  color:var(--gs-muted)!important;font-weight:400;
}
.cmm-tpl-glasssky .cmm-month-title,
.cmm-tpl-glasssky .cmm-cal-period-title,
.cmm-tpl-glasssky .cmm-best-title,
.cmm-tpl-glasssky .cmm-cmp-title{
  color:var(--gs-text)!important;font-weight:600;letter-spacing:-.01em;
}
.cmm-tpl-glasssky .cmm-cal-city-tag,
.cmm-tpl-glasssky .cmm-best-podium .cmm-best-rank{
  background:linear-gradient(90deg,var(--gs-accent),var(--gs-accent-2))!important;
  color:#fff!important;border:0;font-weight:500;
}
.cmm-tpl-glasssky .cmm-btn-primary{
  background:var(--gs-accent)!important;border:0!important;
  color:#fff!important;font-weight:500;border-radius:10px!important;
  box-shadow:0 4px 14px -4px rgba(14,165,233,.5);
}
.cmm-tpl-glasssky select,.cmm-tpl-glasssky .cmm-btn-icon{
  background:#fff!important;color:var(--gs-text)!important;
  border:1px solid var(--gs-line)!important;border-radius:8px!important;
}
.cmm-tpl-glasssky .cmm-cal-today{
  outline:2px solid var(--gs-accent)!important;outline-offset:-2px;
}
.cmm-tpl-glasssky .cmm-cmp-makkah{ background:linear-gradient(160deg,#dbeafe,#bfdbfe)!important;color:var(--gs-text)!important; }
.cmm-tpl-glasssky .cmm-cmp-madinah{ background:linear-gradient(160deg,#cffafe,#a5f3fc)!important;color:var(--gs-text)!important; }
.cmm-tpl-glasssky .cmm-cmp-divider span{
  background:#fff;color:var(--gs-accent);border:1px solid var(--gs-line);
}