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

/* Apply Inter globally */
body,
#events,
#eventForm,
.sb-container,
.sb-label,
.sb-input,
.sb-button,
.sb-text,
.sb-menu,
.sb-menu a,
.sb_navigation,
.sb_navigation a,
.sb-footer,
.sb-custom-form,
.timeline td {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important; /* Inter Medium */
  text-transform: none !important;
  color: #000000;
}

/* Headings stronger */
#events h1, #events h2, #events h3,
#eventForm h1, #eventForm h2, #eventForm h3,
.sb-page-title, .sb-section-title {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important; /* Semi-bold for titles */
  text-transform: none !important;
}

/* Buttons */
.sb-button,
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #save_button {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

/* --- Menu items: Proper Case --- */
#sb_menu .menu-item a,
.sb-menu .menu-item a,
.sb_navigation .menu-item a {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  text-transform: capitalize !important; /* First letter of each word */
}

/* --- Step titles (e.g. Location, Provider, etc.): Proper Case --- */
#sb-timeline .title-small,
#steps-nav .title-small,
div.title-small {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}

/* --- Form Labels (questions): Proper Case --- */
#eventForm label.control-label,
#eventForm .control-label,
#eventForm #sb_additional_fields_container label,
#eventForm .sb-custom-form label,
#eventForm .sb_field label {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  text-transform: capitalize !important; /* Proper Case */
}