/* ===== SteliaUp — surcharge charte graphique ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --su-midnight: #1A2B48;
    --su-emerald:  #00E676;
    --su-offwhite: #F4F7F6;
    --su-pearl:    #E0E6ED;
}

/* Police Inter partout */
body, .booking, #header, button, input, select, textarea {
    font-family: 'Inter', -apple-system, system-ui, sans-serif !important;
}

/* En-tête : fond Midnight au lieu du vert sapin */
#header, .booking #header, header#header {
    background-color: var(--su-midnight) !important;
}

/* En-tête du mini-calendrier */
.flatpickr-calendar .flatpickr-months,
.flatpickr-month, .flatpickr-weekdays, span.flatpickr-weekday {
    background-color: var(--su-midnight) !important;
    color: #fff !important;
    fill: #fff !important;
}

/* Boutons primaires + créneau sélectionné : Emerald */
.btn-primary,
.available-hour.selected,
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background-color: var(--su-emerald) !important;
    border-color: var(--su-emerald) !important;
    color: var(--su-midnight) !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #00c965 !important;
    border-color: #00c965 !important;
    color: var(--su-midnight) !important;
}

/* Bouton "Suivant" (foncé) → garde Midnight, cohérent */
.btn-dark, #button-next {
    background-color: var(--su-midnight) !important;
    border-color: var(--su-midnight) !important;
}

/* Étapes numérotées actives */
.step-circle.active, .wizard-frame .active {
    background-color: var(--su-emerald) !important;
    color: var(--su-midnight) !important;
}

/* Masquer le "Powered By Easy!Appointments" */
.footer-powered-by { display: none !important; }


/* Bandeau épuré : masquer le nom + le sous-titre, GARDER le logo */
#company-name > span { display:none !important; }
#company-name .display-booking-selection { display:none !important; }

/* Masquer le bouton Administration (accès admin, pas pour le client) */
.backend-link { display:none !important; }

/* Aligner "French" complètement à gauche dans le footer */
#book-appointment-wizard #frame-footer small { justify-content:flex-start !important; }
#book-appointment-wizard .footer-options { margin-left:0 !important; margin-right:auto !important; text-align:left !important; }


/* Masquer le titre "Choisissez la date et l'heure" (doublon avec le titre vitrine) — étape date/heure UNIQUEMENT */
#wizard-frame-2 .frame-title { display:none !important; }

/* Masquer le sélecteur de langue "French" dans le footer du wizard */
#select-language { display:none !important; }