/* ==========================================================
 * Template: Neumorph Soft
 * Soft shadow extruded, palet pastel — dashboard mobile.
 * ========================================================== */
.cmm-tpl-neumorph{
  --nm-bg:#e8ecf3; --nm-text:#3a4566; --nm-muted:#8b94ae;
  --nm-accent:#a78bfa; --nm-accent-2:#fb7185;
  --nm-light:#ffffff; --nm-shadow:#c8cee0;
  color:var(--nm-text);
  background:var(--nm-bg);
  border-radius:24px;padding:22px;
  font-family:'Nunito','Quicksand',system-ui,sans-serif;
  box-shadow:inset 4px 4px 12px rgba(255,255,255,.7), inset -4px -4px 12px rgba(200,206,224,.5);
}
.cmm-tpl-neumorph .cmm-card,
.cmm-tpl-neumorph .cmm-day,
.cmm-tpl-neumorph .cmm-cal,
.cmm-tpl-neumorph .cmm-best,
.cmm-tpl-neumorph .cmm-cmp,
.cmm-tpl-neumorph .cmm-cal-cell{
  background:var(--nm-bg)!important;
  border:0!important;color:var(--nm-text)!important;
  border-radius:18px!important;
  box-shadow:6px 6px 14px var(--nm-shadow), -6px -6px 14px var(--nm-light);
}
.cmm-tpl-neumorph .cmm-day,
.cmm-tpl-neumorph .cmm-cal-cell{ transition:all .25s ease; }
.cmm-tpl-neumorph .cmm-day:hover,
.cmm-tpl-neumorph .cmm-cal-cell:hover{
  box-shadow:inset 4px 4px 10px var(--nm-shadow), inset -4px -4px 10px var(--nm-light);
  transform:translateY(1px);
}
.cmm-tpl-neumorph .cmm-temp,
.cmm-tpl-neumorph .cmm-day-temp,
.cmm-tpl-neumorph .cmm-cal-tmax,
.cmm-tpl-neumorph .cmm-hero-tnow{
  background:linear-gradient(135deg,var(--nm-accent),var(--nm-accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;
}
.cmm-tpl-neumorph .cmm-icon,
.cmm-tpl-neumorph .cmm-day-icon,
.cmm-tpl-neumorph .cmm-cal-icon{
  filter:drop-shadow(2px 2px 4px var(--nm-shadow));
}
.cmm-tpl-neumorph .cmm-cond,.cmm-tpl-neumorph .cmm-meta,
.cmm-tpl-neumorph .cmm-day-cond,.cmm-tpl-neumorph .cmm-day-dow,
.cmm-tpl-neumorph .cmm-cal-dow,.cmm-tpl-neumorph .cmm-cal-tmin{
  color:var(--nm-muted)!important;font-weight:600;
}
.cmm-tpl-neumorph .cmm-month-title,
.cmm-tpl-neumorph .cmm-cal-period-title,
.cmm-tpl-neumorph .cmm-best-title,
.cmm-tpl-neumorph .cmm-cmp-title{
  color:var(--nm-text)!important;font-weight:800;
}
.cmm-tpl-neumorph .cmm-cal-city-tag,
.cmm-tpl-neumorph .cmm-best-podium .cmm-best-rank{
  background:linear-gradient(135deg,var(--nm-accent),var(--nm-accent-2))!important;
  color:#fff!important;border:0;font-weight:700;
  box-shadow:3px 3px 8px var(--nm-shadow);
}
.cmm-tpl-neumorph .cmm-btn-primary{
  background:var(--nm-bg)!important;border:0!important;
  color:var(--nm-accent)!important;font-weight:800;
  border-radius:14px!important;
  box-shadow:5px 5px 12px var(--nm-shadow), -5px -5px 12px var(--nm-light);
}
.cmm-tpl-neumorph .cmm-btn-primary:hover{
  box-shadow:inset 3px 3px 8px var(--nm-shadow), inset -3px -3px 8px var(--nm-light);
}
.cmm-tpl-neumorph select,.cmm-tpl-neumorph .cmm-btn-icon{
  background:var(--nm-bg)!important;color:var(--nm-text)!important;
  border:0!important;border-radius:12px!important;
  box-shadow:inset 3px 3px 6px var(--nm-shadow), inset -3px -3px 6px var(--nm-light);
}
.cmm-tpl-neumorph .cmm-cal-today{
  box-shadow:inset 4px 4px 10px var(--nm-shadow), inset -4px -4px 10px var(--nm-light), 0 0 0 2px var(--nm-accent)!important;
}
.cmm-tpl-neumorph .cmm-cmp-makkah{ background:linear-gradient(160deg,#fce7f3,#fbcfe8)!important;color:var(--nm-text)!important; }
.cmm-tpl-neumorph .cmm-cmp-madinah{ background:linear-gradient(160deg,#e0e7ff,#c7d2fe)!important;color:var(--nm-text)!important; }
.cmm-tpl-neumorph .cmm-cmp-divider span{
  background:var(--nm-bg);color:var(--nm-accent);
  box-shadow:3px 3px 8px var(--nm-shadow), -3px -3px 8px var(--nm-light);
}