.calendar-view-table {
        /*
        --calendar-view-day-rows-gap: 0.5rem;*/

        border-radius:var(--border-radius-small);
        border:1px solid var(--color-calendar-frame);
        overflow:hidden;
        margin-bottom:var(--gutter-4);
        color:var(--color-black);
    }

    .calendar-view-table thead {
        display:none; /*todo: add back in when shortened days available*/
    }


/* Pager */

    .calendar-view-pager {
        margin:0px;
        margin-bottom:var(--gutter-2);
    }

    .calendar-view-pager__reset a,
    .calendar-view-pager .pager__item > * {
        font:var(--font-small);
        padding:0px;
        text-transform:initial;
        /*  padding: 1rem 0.5rem;
        font-size: 0.8125rem;
        line-height: 2;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;*/
    }


/* Cells */

    .calendar-view-table td,
    .calendar-view-table th {
        padding:0px;
    }

    .calendar-view-table tr:not(:last-child) {
        border-bottom:1px solid var(--color-calendar-frame);
    }

    .calendar-view-table td:not(:last-child) {
        border-right:1px solid var(--color-calendar-frame);
    }

    .calendar-view-table td {
        /*display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        min-height: 7.5rem;
        min-width: calc(100% / var(--calendar-view-columns));*/
        min-height:initial;
        border:0px;
    }
    .calendar-view-table td:hover {
        background-color: initial;
    }

    .calendar-view-table td.current-month {
        background-color:var(--color-calendar-blocked-background);
    }

    .calendar-view-table td.current-month.empty {
        background-color:var(--color-calendar-available-background);
    }

    .calendar-view-table td.next-month,
    .calendar-view-table td.previous-month {
      /*  background-color:var(--color-black);
        color:var(--color-taupe);*/ opacity:0;
    }

    .calendar-view-day {
        padding:var(--gutter-1);
    }


    .calendar-view-table .calendar-view-day__rows {
        display:none;
    }


/* Numbers */

    .calendar-view-table .calendar-view-day__number,
    .calendar-view-table .next-month .calendar-view-day__number,
    .calendar-view-table .previous-month .calendar-view-day__number {
        background-color:initial;
    }

    [data-calendar-view-day]:hover .calendar-view-day__number, 
    [data-calendar-view-day]:active .calendar-view-day__number, 
    [data-calendar-view-day]:focus .calendar-view-day__number {
        font-weight:initial;
    }

    .calendar-view-table .calendar-view-day__number {
        width:initial;
        padding:0px;
        margin:0px;
        font:var(--font-small);
        cursor:default;
        color:var(--color-black);
        /* flex: 0 0 auto;
        align-self: flex-end;
        width: 1.5rem;
        border-radius: 50%;
        line-height: 1.2;
        cursor: help;
        text-align: center;
        color: var(--calendar-view-color-white);
        transition: border-radius 0.2s linear;*/
    }

    td.is-today .calendar-view-day__number,
    td.is-today:hover .calendar-view-day__number {
        font-weight: bold;
    }
/** Table 


.calendar-view-table a {
  text-decoration: none;
}



.past .calendar-view-day {
  opacity: 0.8;
}

.calendar-view-table .calendar-view-day__row.hover,
.calendar-view-table .calendar-view-day__row:hover,
.calendar-view-table .calendar-view-day__row:active,
.calendar-view-table .calendar-view-day__row:focus {
  border-color: var(--calendar-view-color-gray);
}

/** Past & future results 

/** Pager (i.e. "Navigation by month") 
.calendar-view-pager {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  background-color: var(--calendar-view-color-light);
  border: 1px solid var(--calendar-view-color-grey);
}

.calendar-view-pager .pager__item {
  flex: 1;
}


.calendar-view-pager .pager__current {
  text-align: center;
}

.calendar-view-pager .pager__item a {
  display: block;
  width: 100%;
}

.calendar-view-pager .pager__item > .form-item {
  margin: 0;
}*/


@media(max-width: 48rem) {
.calendar-view-table .next-month, .calendar-view-table .previous-month {
    display:initial;
}
  .calendar-view-table,
  .calendar-view-table tr,
  /* .calendar-view-table thead, */ /*todo*/
  .calendar-view-table tbody {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
    width: 100%;
  }
  

  .calendar-view-pager {
    flex-direction: row;
  }
  .calendar-view-table .calendar-view-day__number {
    align-self: flex-end;
  }

}