/* Styles personnalisés pour le Date Time Picker CF7 */
.xdsoft_datetimepicker {
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #73935e !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    font-family: 'Arial', sans-serif !important;
}

.xdsoft_month, .xdsoft_year {
    color: #73935e !important;
    font-weight: bold !important;
}

.xdsoft_next, .xdsoft_prev {
    color: #73935e !important;
}

.xdsoft_calendar td {
    color: #333333 !important;
    padding: 5px !important;
    border-radius: 4px !important;
}

.xdsoft_calendar td.xdsoft_today {
    background-color: #e7f1dc !important;
    border: 1px solid #73935e !important;
}

.xdsoft_calendar td.xdsoft_current {
    background-color: #73935e !important;
    color: white !important;
    font-weight: bold !important;
}

.xdsoft_calendar td:hover {
    background-color: #f0f0f0 !important;
}

.xdsoft_timepicker {
    background-color: #f9f9f9 !important;
    border-left: 1px solid #73935e !important;
}

.xdsoft_time_box > div > div {
    padding: 4px 0 !important;
    color: #333 !important;
}

.xdsoft_time_box > div > div.xdsoft_current {
    background-color: #0073aa !important;
    color: white !important;
}

/* Forcer la couleur de survol sur les jours */
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background-color: #73935e !important; /* couleur de ton choix */
    color: #ffffff !important; /* texte blanc pour contraste */
}

/* Si le plugin applique aussi une classe "active" ou "current" au survol */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover {
    background-color: #e7f1dc !important;
    color: #73935e !important;
}

/* Heures au survol */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background-color: #73935e !important; /* ta couleur */
    color: #ffffff !important; /* texte blanc */
}

/* Heure sélectionnée */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: #e7f1dc !important; /* sélection */
    color: #73935e !important; /* texte vert */
}

/* Exemple de style pour le calendrier CF7 DateTimePicker */
.datetimepicker {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
}

.datetimepicker td.active,
.datetimepicker td.selected {
    background-color: #0073aa;
    color: #fff;
}


/* Exemple : changer la couleur des jours sélectionnés */
.ui-datepicker td.ui-datepicker-current-day a {
    background-color: #ff6f61;
    color: #fff;
}

/* Exemple : styliser le champ heure */
input.datetimepicker {
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 4px;
}