/* Face Cult's layout adjustments to the copied EasyWeek widget (build.py links this file into index.html). */

/* The back arrow leads the page heading: a 44 px target centred on the heading's first line (23 px on phones, 28 px from 1024 px),
   with the arrow on the content edge and the heading text close beside it; a long heading wraps beside the arrow. */
.ew-page__title > .ew-page__back {
  --btn-size: 2.75rem;
  align-self: flex-start;
  flex: none;
  margin: calc((1.4375rem - 2.75rem) / 2) -0.5rem calc((1.4375rem - 2.75rem) / 2) -0.875rem !important;
}
@media (min-width: 1024px) {
  .ew-page__title > .ew-page__back {
    margin-block: calc((1.75rem - 2.75rem) / 2) !important;
  }
}

/* While a heading shows the back arrow, the layout's header row leaves its own out (both stay in the DOM through page transitions). */
.ew-aside-layout:has(.ew-page__back) .ew-aside-layout__back {
  display: none;
}

/* The date between the day arrows is the month picker's button: the date in bold with a chevron, a 44 px target. */
.ew-calendar__selected .ew-calendar-preview__button {
  min-height: 2.75rem;
  font-size: 1rem;
  font-weight: 700;
}