/**
  * @file
  * Reservo timeline.
  **/

/** Timeline date switcher **/
.reservo-timeline-date-active {
  background-color: var(--laurier-red);
}

/** Timeline table styles **/
.hours-header {
  background-color: var(--white);
}

:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  .reservo-timeline-data-wrapper
  tr
  th.bookable-opening {
  border: 0;
  outline: 1px solid var(--black);
  background-clip: padding-box;
}

:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  .reservo-timeline-data-wrapper
  tr
  th.bookable-resource-title {
  border: 1px solid var(--black);
}

:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  .reservo-timeline-data-wrapper
  tr
  td {
  border: 1px solid var(--black);
}

a.reservo-nav-scroll-top:is(:hover, :focus) .reservo-nav-scroll-top-arrow {
  border-color: transparent transparent var(--white) transparent;
}

a.reservo-nav-scroll-top .reservo-nav-scroll-top-text {
  margin-bottom: 10px;
}

a.reservo-nav-scroll-top:is(:hover, :focus) .reservo-nav-scroll-top-text {
  color: var(--white);
}

.bookable-resource-availability.available a {
  font-size: 5em;
}

/** Timeline colours, need to be very specific to override default table styles. **/
:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  table
  tr:is(:nth-child(odd), :nth-child(even))
  td.bookable-resource-availability.outside-reservable-range,
.bookable-resource-availability.outside-reservable-range,
.bookable-resource-availability.outside-reservable-range a:is(:hover, :focus) {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC)
    repeat;
  background-color: var(--white);
}

:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  table
  tr:is(:nth-child(odd), :nth-child(even))
  td.bookable-resource-availability:is(.building-closed, .other-conflict),
.bookable-resource-availability:is(.building-closed, .other-conflict),
.bookable-resource-availability:is(.building-closed, .other-conflict)
  a:is(:hover, :focus) {
  background-color: var(--laurier-red);
  color: var(--white);
}

:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  table
  tr:is(:nth-child(odd), :nth-child(even))
  td.bookable-resource-availability.booked,
.bookable-resource-availability.booked,
.bookable-resource-availability.available a:is(:hover, :focus) {
  background-color: var(--laurier-green);
}

:is(.featured-top, .highlighted, .main-content, .featured-bottom)
  table
  tr:is(:nth-child(odd), :nth-child(even))
  td.bookable-resource-availability.over-quota,
.bookable-resource-availability.over-quota,
.bookable-resource-availability.over-quota a:is(:hover, :focus) {
  background-color: var(--laurier-gold);
}