/* Click and touch share a persistent time reveal. The glass is a cheap tint,
   never a backdrop blur or a calendar redraw. */
.calendar-day::after,
.calendar-day .day-duration {
  transition: opacity 90ms ease-out;
}

.calendar-day.is-time-visible::after,
.calendar-day.is-time-visible .day-duration {
  opacity: 1;
}

.calendar-day.is-time-visible .day-number,
.calendar-day.is-time-visible .day-water,
.calendar-day.is-time-visible .day-wave-art {
  opacity: .28;
}

.calendar-day.is-time-visible .day-wave-art img,
.calendar-day.is-time-visible .day-water::before {
  animation-play-state: paused;
}

.calendar-day.is-time-suppressed::after,
.calendar-day.is-time-suppressed .day-duration {
  opacity: 0;
}

.calendar-day.is-time-suppressed .day-number,
.calendar-day.is-time-suppressed .day-water,
.calendar-day.is-time-suppressed .day-wave-art {
  opacity: 1;
}

.calendar-day.is-outside.is-time-suppressed .day-water { opacity: .56; }

@media (hover: none), (pointer: coarse) {
  .calendar-day::after { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .calendar-day::after,
  .calendar-day .day-duration { transition: none !important; }
}