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

body {
  font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important;
}

/* Rounded corners for buttons */
.btn, /* Targets elements with the class "btn" */
button, /* Targets all <button> elements */
input[type="submit"], /* Targets <input type="submit"> elements */
input[type="button"] /* Targets <input type="button"> elements */ {
  border-radius: 8px; /* Adjust the radius to control the roundness */
  font-family: 'Roboto', sans-serif !important; /* Ensure Roboto is applied to buttons */
}

/* Example of targeting a more specific button class (if needed) */
.book-now-button {
  border-radius: 12px; /* You can have different radii for different buttons */
  font-family: 'Roboto', sans-serif !important;
}

/* Add this to target SimplyBook.me's specific button classes (if known) */
.sbm-button,
.sbm-btn {
   border-radius: 8px;
   font-family: 'Roboto', sans-serif !important;
}

/* Target the calendar */
.ui-datepicker {
  font-family: 'Roboto', sans-serif !important;
}

.ui-widget-content {
  font-family: 'Roboto', sans-serif !important;
}