.public-day-notes{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.3rem;
  min-width:0;
}

.public-day-note{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:.2rem .48rem;
  border:1px solid;
  border-radius:999px;
  font-size:.7rem;
  font-weight:750;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.public-day-note__prefix{
  margin-right:.22rem;
  font-weight:850;
}

.public-day-note--holiday{
  color:#dfc38d;
  background:rgba(139,108,57,.2);
  border-color:rgba(205,164,94,.42);
}

.public-day-note--event{
  color:#c4d5bf;
  background:rgba(70,91,61,.28);
  border-color:rgba(145,166,135,.46);
}

#openingtimes_detail .opening-public-heading{
  padding-bottom:.4rem;
  text-align:left;
}

#openingtimes_detail .opening-public-heading h2,
#openingtimes_detail .opening-public-heading p{
  text-align:left;
}

#openingtimes_detail .opening-public-heading p{
  max-width:32rem;
  font-size:clamp(1.55rem,5vw,2rem);
  line-height:1.18;
}

#opening-hours{
  gap:.48rem;
}

#opening-hours .opening-public-day{
  display:grid;
  grid-template-columns:40px 72px minmax(112px,150px) minmax(90px,1fr);
  align-items:start;
  gap:.35rem .55rem;
  width:100%;
  padding:.68rem .76rem;
  border:1px solid rgba(205,164,94,.28);
  border-radius:12px;
  background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}

#opening-hours .opening-public-day--workspace{
  grid-template-columns:40px 72px minmax(112px,1fr);
}

#opening-hours .opening-public-day .flex-col{
  min-width:0;
  max-width:none;
  margin:0;
  padding:0;
}

#opening-hours .opening-public-day .weekday-col{
  font-weight:800;
}

#opening-hours .opening-public-day .date-col{
  padding-left:.35rem;
}

#opening-hours .opening-public-day .hours-col{
  font-variant-numeric:tabular-nums;
}

#opening-hours .public-day-notes--open{
  grid-column:1/-1;
  padding-top:.08rem;
}

#schedule .day-slot.has-notes{
  min-height:76px;
  padding-top:9px;
  padding-bottom:9px;
}

#schedule .day-slot .public-day-notes--reservation{
  grid-column:1/3;
  grid-row:2;
  margin-top:.08rem;
}

#schedule .day-slot .public-day-note{
  padding:.14rem .4rem;
  font-size:.65rem;
}

#schedule .day-slot.has-notes .d-arrow{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
}

.home-opening-card{
  display:grid;
  justify-items:start;
  gap:.34rem;
  width:min(100%,340px);
  padding:.88rem 1rem!important;
  overflow:hidden;
  border:1px solid rgba(205,164,94,.34);
  border-radius:14px;
  background:rgba(18,16,12,.34);
  box-shadow:0 9px 24px rgba(0,0,0,.12);
  backdrop-filter:blur(4px);
}

.home-opening-card__label{
  color:#dfc38d;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-opening-card__hours{
  color:#fff;
  font-size:clamp(1.05rem,3vw,1.32rem);
  font-variant-numeric:tabular-nums;
}

.home-opening-card .public-day-notes--home{
  margin-top:.12rem;
}

.home-opening-card__more{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  width:calc(100% + 2rem);
  min-height:48px;
  margin:.52rem -1rem -.88rem;
  padding:.66rem 1rem;
  border-top:1px solid rgba(205,164,94,.3);
  color:#ead9b5;
  background:rgba(205,164,94,.09);
  font-size:.76rem;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
}

.home-opening-card__more:hover,
.home-opening-card__more:focus-visible{
  color:#fff;
  background:rgba(205,164,94,.17);
  text-decoration:none;
}

.home-opening-card__more-arrow{
  display:grid;
  flex:0 0 1.65rem;
  width:1.65rem;
  height:1.65rem;
  place-items:center;
  border:1px solid rgba(234,217,181,.5);
  border-radius:999px;
  font-size:1rem;
  line-height:1;
}

@media (max-width:992px){
  #hero .home-hero-intro{
    transform:translateY(clamp(-3.25rem,-5vh,-2.25rem));
  }
}

@media (max-width:575.98px){
  #opening-hours .opening-public-day{
    grid-template-columns:30px 56px minmax(92px,1fr) auto;
    gap:.3rem .42rem;
    padding:.62rem .58rem;
  }

  #opening-hours .opening-public-day--workspace{
    grid-template-columns:30px 56px minmax(92px,1fr);
  }

  #opening-hours .opening-public-day .reservation-col{
    justify-self:end;
  }
}