#arpan-booking-form { font-family: sans-serif; }

.step { display: none; }
.step.active { display: block; }

/* 🎨 Personnalisation Flatpickr */
.flatpickr-calendar {
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

/* 🟠 Bandeau supérieur (mois + année) */
.flatpickr-month {
  background-color: #ff9800 !important; /* orange vif */
  color: white !important;
  height: 54px !important;
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
}

/* 🗓️ Flèches de navigation */
.flatpickr-prev-month,
.flatpickr-next-month {
  fill: white !important;
  color: white !important;
  top: 10px !important;
}

/* 📆 Jours */
.flatpickr-day {
  border-radius: 6px !important;
  margin: 2px !important;
  height: 42px !important;
  line-height: 42px !important;
  transition: all 0.2s ease !important;
}

/* ✅ Sélection */
.flatpickr-day.selected {
  background-color: #4caf50 !important;
  color: white !important;
}

/* 🚫 Jours désactivés */
.flatpickr-day.flatpickr-disabled {
  background-color: #f3f3f3 !important;
  color: #bbb !important;
}

/* 📅 Jours au survol */
.flatpickr-day:hover {
  background-color: #ffe0b2 !important;
}

/* Centrage du contenu du bandeau */
.flatpickr-current-month {
    height: 60px !important;
}

/* Réduit la taille du calendrier inline */
.flatpickr-calendar.inline {
    transform: scale(1.0); /* ajuste à 0.8 ou 0.85 selon ton goût */
    transform-origin: top left;
}

/* Réduit les marges autour du calendrier */
#appointment_date {
    margin-bottom: 0 !important;
    padding: 4px !important;
}

/* Conteneur principal du formulaire */
#arpan-booking-form {
    max-width: 95%; /* ajuste selon ton goût : 700px, 900px... */
    margin: 0 auto; /* centre le formulaire horizontalement */
    padding: 20px;
    background: #fff; /* facultatif, pour le détacher du fond */
    border-radius: 8px; /* angles arrondis légers */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* effet légèrement surélevé */
}