/* Hoffbrau calendar: phone toolbar cleanup. */
@media screen and (max-width: 575px) {
  /* The whole FullCalendar header becomes a deliberate two-row layout. */
  .fc .fc-header-toolbar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title title"
      "today nav";
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
  }

  /* Hide Month / Week / Day switcher on phones. */
  .fc .fc-header-toolbar > .fc-toolbar-chunk:first-child {
    display: none;
  }

  /* Center the month and year above navigation controls. */
  .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) {
    grid-area: title;
    text-align: center;
  }

  .fc .fc-toolbar-title {
    font-size: 1.45rem;
    line-height: 1.15;
    white-space: nowrap;
  }

  /* Place Today + previous/next at the bottom right. */
  .fc .fc-header-toolbar > .fc-toolbar-chunk:last-child {
    grid-area: nav;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
  }

  .fc .fc-today-button {
    grid-area: today;
    justify-self: start;
  }

  .fc .fc-button {
    padding: 0.45rem 0.65rem;
    font-size: 0.95rem;
  }
}