/* =========================
   CLEAN HEADER / NAV
========================= */

/* éléments inutiles */
#main-buttons,
.nav-trigger.toggle-mnu,
#sb_back_to_bookings,
.current-booking-info .sb-book {
  display: none !important;
}

/* 🔥 MASQUAGE HEADER COMPLET */
#sb_booking_company_time,
.sb_booking_company_time,
#steps-nav,
#sb-timeline #steps-nav {
  display: none !important;
}

/* =========================
   FORMULAIRE LAYOUT
========================= */

#details .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

#details .col-lg-6 {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
}

#details .form-group {
  display: flex !important;
  align-items: center !important;
}

/* labels */
#details .control-label {
  display: inline-block !important;
  width: 170px !important;
  min-width: 170px !important;
  text-align: left !important;
}

/* champs */
#details .form-group .col-sm-8 {
  flex: 1 !important;
}

/* texte champs classiques */
#details .form-group:not(.form-group--checkbox) .control-label {
  text-transform: capitalize !important;
}

/* =========================
   CHECKBOX / RGPD
========================= */

.form-group--checkbox {
  position: relative !important;
}

.form-group--checkbox .control-label {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-right: 48px !important;
  margin: 0 !important;
  text-transform: none !important;
  line-height: 1.4 !important;
}

.form-group--checkbox input[type="checkbox"] {
  position: absolute !important;
  right: 0 !important;
  top: 6px !important;
  margin: 0 !important;
}

/* étoile propre */
.form-group--checkbox .control-label::after {
  content: " *";
  color: #ff6b6b;
}

/* =========================
   CHECKBOX CUSTOM
========================= */

#details .custom-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

#details .custom-checkbox input {
  opacity: 0 !important;
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
}

/* =========================
   BOUTON
========================= */

#eventForm #save_button {
  background: #0ca5b2 !important;
  color: #fff !important;
}

#eventForm #save_button:disabled {
  background: #ddd !important;
  color: #666 !important;
}

/* =========================
   PROMO / ELEMENTS INUTILES
========================= */

#details .promotions-letter-flag {
  display: none !important;
}

/* =========================
   CONFIRMATION
========================= */

#booking-result-view {
  position: relative !important;
}

#booking-result-view .back-to-site {
  position: absolute !important;
  left: 55% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  text-align: center;
  width: 400px;
}

#booking-result-view .back-to-site .tab-pd {
  font-size: 32px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
}

#booking-result-view .back-to-site .tab-pd a {
  display: block;
  margin-top: 10px;
  font-size: 14px !important;
}

/* boutons inutiles */
#booking-result-view .booking-info .booking-btns,
#booking-result-view [class*="booking-btns"],
#booking-result-view .accordion,
#booking-result-view .back-to-site a {
  display: none !important;
}

/* =========================
   TIMELINE / SLOTS
========================= */

#sb-timeline .container-caption {
  text-align: center !important;
}

#sb_time_slots_container {
  text-align: center !important;
}

/* masquer "available" */
.available {
  display: none !important;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  #details .row {
    display: block !important;
  }

  #details .col-lg-6,
  #details .col-sm-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  #details .form-group {
    display: block !important;
    margin-bottom: 15px !important;
  }

  #details .control-label {
    width: 100% !important;
    display: block !important;
    margin-bottom: 5px !important;
  }

  #details input,
  #details select,
  #details textarea {
    width: 100% !important;
  }

  .form-group--checkbox input[type="checkbox"] {
    position: static !important;
    margin-top: 5px;
  }

  #booking-result-view .back-to-site {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    text-align: center !important;
  }

  #booking-result-view .back-to-site .tab-pd {
    font-size: 20px !important;
  }

  #sb_time_slots_container {
    text-align: center !important;
  }

  #sb_time_slots_container .slot {
    display: block !important;
    margin: 0 auto 10px auto !important;
    max-width: 220px;
  }
}

/* rgpd */ 

@media (min-width: 769px) {

  .form-group--checkbox {
    display: flex !important;
    align-items: flex-start !important;
  }

  /* texte RGPD */
  .form-group--checkbox .control-label {
    flex: 1;
    margin: 0;
    padding-right: 20px !important;
  }

  /* checkbox à droite */
  .form-group--checkbox input[type="checkbox"] {
    position: static !important;
    margin-left: auto;
    margin-top: 4px;
  }

}