/* ============================================================
   My Day — Extras: manual reduce-motion, print, tiny utilities
   ============================================================ */

/* Manual "reduce motion" toggle from Settings */
html[data-reduce-motion="1"] *,
html[data-reduce-motion="1"] *::before,
html[data-reduce-motion="1"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.06s !important;
}
html[data-reduce-motion="1"] .bar__fill::after { display: none; }

/* number inputs: hide spinners for a cleaner cute look */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

/* nicer time/date inputs */
input[type="time"], input[type="date"] { font-family: var(--font-body); }

/* keep tap targets comfy on mobile */
@media (max-width: 860px) {
  .btn { min-height: 44px; }
  .tick { min-height: 48px; }
  .stepper__btn { width: 44px; height: 44px; }
}

/* selection nicety inside calendar cells */
.cal-cell { cursor: pointer; font-family: inherit; }

/* make the brand mark text-emoji crisp */
.brand__mark span { line-height: 1; }

/* Settings gear lives in the header on mobile (sidebar is hidden there);
   on desktop, Settings is in the sidebar so the gear is redundant. */
.topbar__gear { display: none; }
@media (max-width: 860px) {
  .topbar__gear { display: inline-flex; }
  /* 6 bottom-nav items: tighten so they fit narrow phones */
  .mobnav__item { min-width: 0; flex: 1; padding: var(--s-2) 4px; }
  .mobnav__item span { font-size: 0.6rem; }
}