/* Scoped to the widget only */
  #availabilityGrid .availability-head th, #availabilityGridAIIR .availability-head th {
    background: #2b2b2b !important;
    position: sticky;
    top: 0;
    z-index: 3;
    white-space: nowrap;
  }

  .accordion-button:not(.collapsed) {
  background-color: transparent; /* or your desired color */
  color: inherit;
}

.accordion-button:focus {
  box-shadow: none;
  outline: none;
}

  #availabilityGrid .availability-table .col-course, #availabilityGridAIIR .availability-table .col-course {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    min-width: 360px;
  }

  #availabilityGrid .availability-head .col-course, #availabilityGridAIIR .availability-head .col-course {
    z-index: 4;
  }

  #availabilityGrid .availability-table td, #availabilityGridAIIR .availability-table td {
    min-width: 140px;
  }

  #availabilityGrid .availability-wrap, #availabilityGridAIIR .availability-wrap {
    max-height: 420px; /* optional */
    overflow: auto;
  }

  #availabilityGrid .thumb, #availabilityGridAIIR .thumb {
    width: 96px;
    height: 72px;
    object-fit: cover;
  }

  /* Mobile list look */
#availabilityGridMobile .course-card-img, #availabilityGridMobileAIIR .course-card-img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
}

#availabilityGridMobile .date-row, #availabilityGridMobileAIIR .date-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem 0;
  border-top: 1px solid #eee;
}

#availabilityGridMobile .date-label, #availabilityGridMobileAIIR .date-label {
  font-weight: 600;
  line-height: 1.1;
}

#availabilityGridMobile .status-open, #availabilityGridMobileAIIR .status-open {
  font-weight: 700;
  color: #198754; /* bootstrap success */
}

#availabilityGridMobile .date-row, #availabilityGridMobileAIIR .date-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.85rem 0;
  border-top:1px solid #eee;
}

#availabilityGridMobile .date-label, #availabilityGridMobileAIIR .date-label{
  font-weight:600;
  line-height:1.1;
}

@media screen and (max-width: 1000px)  and (orientation: landscape){

}