body {
    /*background-color: #f9f9f9;*/
}

.logo {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
}

.calendar {
    width: 100%;

    @media (min-width: 1024px) {
        /*max-height: 80vh;*/
    }
}
/* FullCalendar hover improvements */

/* kursor „rączka” na klikalnych miejscach */
.fc-daygrid-day-number,
.fc-col-header-cell-cushion,
.fc-daygrid-day { cursor: pointer; }

/* delikatne podświetlenie numeru dnia */
.fc-daygrid-day-number {
  display: inline-block;
  padding: 2px 6px;
  border-radius: .375rem;
  transition: background-color .15s ease;
}
.fc-daygrid-day-number:hover,
.fc-daygrid-day-number:focus-visible {
  background-color: rgba(13,110,253,.12);
  text-decoration: none;
}

/* podświetlenie nagłówka dnia (tydzień) */
.fc-col-header-cell-cushion {
  padding: 2px 6px;
  border-radius: .25rem;
  transition: background-color .15s ease;
}
.fc-col-header-cell-cushion:hover,
.fc-col-header-cell-cushion:focus-visible {
  background-color: rgba(13,110,253,.12);
  text-decoration: none;
}

/* lekkie tło całej komórki dnia przy pustym polu */
.fc-daygrid-day:hover {
  background-color: rgba(13,110,253,.06);
}
#table-reservations {
    width: 100% !important;
    table-layout: auto !important;
}

#table-reservations td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    vertical-align: middle;
}

#table-reservations th,
#table-reservations td {
    white-space: normal !important;
    word-break: normal;
}

#table-reservations td:nth-child(1),
#table-reservations td:nth-child(2),
#table-reservations td:nth-child(3),
#table-reservations td:nth-child(6),
#table-reservations td:nth-child(7),
#table-reservations td:nth-child(8) {
    white-space: nowrap !important;
}

#table-reservations td:nth-child(4) {
    min-width: 180px;
}

#table-reservations td:nth-child(5) {
    min-width: 220px;
    line-height: 1.15 !important;
}

#table-reservations td:nth-child(5) strong {
    display: inline;
    margin: 0 !important;
}

#table-reservations td:nth-child(8),
#table-reservations th:nth-child(8) {
    width: 80px !important;
    min-width: 80px;
    text-align: center;
}

#table-reservations_wrapper {
    width: 100% !important;
}