/* ===== Ohana DriftLab brand theme ===== */

/* Font — swap the src URL for your own hosted files once you have the web license */
@font-face {
  font-family: 'ZingRustBase';
  src: url('https://YOUR-HOSTED-FONT-URL/zing-rust-base-rough.woff2') format('woff2'),
       url('https://YOUR-HOSTED-FONT-URL/zing-rust-base-rough.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body, .simplybook-widget, #sb_calendar, .sb-panel {
  font-family: 'ZingRustBase', 'Alfa Slab One', 'Bungee', sans-serif;
  background-color: #f2e8d5 !important;
}

/* Headings / titles */
h1, h2, h3, .company-title, .service-title, .sb-header, .widget-header {
  font-family: 'ZingRustBase', 'Alfa Slab One', sans-serif;
  color: #1da2db;
}

/* Primary buttons (Book, Next, Confirm, etc.) */
button, .btn, .sb-button, .book-button, input[type="submit"], .confirm-button {
  background-color: #1da2db !important;
  border: none !important;
  border-radius: 999px !important; /* fully rounded/pill shape */
  color: #ffffff !important;
  font-weight: bold;
  transition: background-color 0.2s ease-in-out;
}

button:hover, .btn:hover, .sb-button:hover, .book-button:hover,
input[type="submit"]:hover, .confirm-button:hover {
  background-color: #167aa4 !important; /* darker shade of primary on hover */
}

/* Selected date / time / step indicators — accent orange */
.sb-timeline-slot.selected,
.selected-date,
.active-step,
.datepicker .selected {
  background-color: #f14902 !important;
  color: #ffffff !important;
  border-radius: 8px;
}

/* Secondary highlights, badges, "spots left" labels — accent yellow */
.sb-badge,
.spots-left,
.highlight-label {
  background-color: #f4b324 !important;
  color: #1c1c1c !important;
  border-radius: 6px;
  padding: 2px 8px;
}

/* Category/service cards background */
.service-card, .category-card, .sb-service-item {
  background-color: #ffffff;
  border: 2px solid #f2e8d5;
  border-radius: 12px;
}

/* Hide the participant count display on the party booking flow */
.number-of-persons-field,
.participant-count-display,
.sb-group-size-selector {
  display: none !important;
}