/* — Booking Page Main Styling — */

/* Global font and background */
body, html {
  font-family: Arial, sans-serif !important;
  background-color: #faf8f5 !important; /* Soft cream */
  color: #333333 !important;
}

/* Heading styles */
h1, h2, h3 {
  font-family: 'Playfair Display', serif !important;
  color: #2f2f2f !important;
  letter-spacing: 0.5px !important;
}

h1 { font-size: 28px !important; }
h2 { font-size: 24px !important; }
h3 { font-size: 20px !important; }

/* Primary buttons (Select, Book Now, etc.) */
.sb-button,
.sb-book-now,
.sb-available-time {
  background-color: #bfa46f !important; /* Elegant gold */
  border-color: #bfa46f !important;
  color: white !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
}

/* Button hover effect */
.sb-button:hover,
.sb-book-now:hover,
.sb-available-time:hover {
  background-color: #a1885b !important;
}

/* Section containers */
.sb-wrapper,
.sb-section {
  background-color: #ffffff !important;
  padding: 20px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  margin-bottom: 20px !important;
}

/* Input fields */
input, select, textarea {
  font-size: 16px !important;
  border: 1px solid #cccccc !important;
  padding: 8px !important;
  border-radius: 4px !important;
}

/* Preloader page step */
.sb-preloader {
  background-color: #faf8f5 !important;
}

/* Footer (booking navigation) */
.sb-footer {
  font-size: 14px !important;
  color: #777777 !important;
  text-align: center !important;
  padding: 10px 0 !important;
}