@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Lily Arkwright booking page: brand guide colours and typography. */
body, #sb-main-container, #sb-main-container h1, #sb-main-container h2,
#sb-main-container h3, #sb-main-container h4, #sb-main-container h5,
#sb-main-container p, #sb-main-container a, #sb-main-container button,
#sb-main-container input, #sb-main-container select, #sb-main-container textarea,
#sb-main-container label {
  font-family: 'Montserrat', Arial, sans-serif !important;
}

#sb-main-container h1, #sb-main-container h2, #sb-main-container h3,
#sb-main-container h4, #sb-main-container h5 { font-weight: 600; }

#sb-main-container #sb_time_slots_container a.sb-cell.free {
  background-color: #FFE8E8 !important;
  color: #1c2321 !important;
  border: 1px solid #dd4677;
  border-radius: 4px;
}
#sb-main-container #sb_time_slots_container a.sb-cell.free:hover,
#sb-main-container #sb_time_slots_container a.sb-cell.free:focus-visible {
  background-color: #912e4d !important;
  color: #ffffff !important;
  border-color: #912e4d;
}
#sb-main-container .date.selected a.sb-available-date {
  background-color: #912e4d !important;
  color: #ffffff !important;
  border-radius: 4px;
}
#sb-main-container a:focus-visible, #sb-main-container button:focus-visible,
#sb-main-container input:focus-visible, #sb-main-container select:focus-visible {
  outline: 2px solid #912e4d;
  outline-offset: 3px;
}

/* Lily Arkwright showroom banner. */
#sb-main-container #main-buttons {
  background-color: #FFE8E8 !important;
  height: 420px !important;
}
#sb-main-container #main-buttons .company-name {
  color: #1c2321 !important;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 600px) {
  #sb-main-container #main-buttons { height: 280px !important; }
  #sb-main-container #main-buttons .company-name { font-size: 24px; }
}

#sb-main-container #main-buttons > .container-fluid,
#sb-main-container #main-buttons .wrapper { height: 100% !important; }
#sb-main-container .date.selected { background-color: #912e4d !important; border-radius: 4px; }
#sb-main-container .date.selected a.sb-available-date { background-color: transparent !important; }