/*!
 * rms-booking.css — storefront booking flow styles for Rent My Style
 * Hosted via the cf-worker at /rms-booking.css (see worker.js + wrangler.toml).
 */

div#whenisevent,
.bso-size-slot,
.bso-step3 {
  display: none;
  padding: 15px;
  background-color: #730404;
  color: white;
  text-align: center;
}

.bso-size-slot {
  margin-bottom: 10px;
}

.bso-size-slot.is-shown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.bso-step3 {
  margin-top: 10px;
}

.bso-size-slot select {
  color: black;
  background: white;
  padding: 6px 10px;
  font-size: 16px;
  border-radius: 4px;
}

.rms-availability {
  display: flex;
  justify-content: center;
}

.whenlabel {
  font-size: 16px;
}

.bso-step-spacer {
  margin-top: 15px;
}

#bso-event-date {
  color: white;
}

#bso-event-date::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.pdlabel {
  margin-right: 25px;
}

.booqable-sizes {
    margin-bottom: 11px;
    font-size: 18px;
    font-style: oblique;
}

#bso-booking-dates {
    max-width: 380px;
    margin: 12px auto 0;
    text-align: center;
}

.bso-booking-error {
    max-width: 380px;
    margin: 10px auto 0;
    padding: 12px 15px;
    background: #fff3cd;
    color: #730404;
    border: 2px solid #730404;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
}