/* Importazione del font Alegreya da Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&display=swap');

/* Stili complementari per pseudo-elementi e stati interattivi */
.rtbooking-container .rtbooking-field input::placeholder,
.rtbooking-container .rtbooking-field select::placeholder {
    color: #757575 !important;
    font-style: italic !important;
    font-size: 18px !important;
}

.rtbooking-container .rtbooking-field input:hover,
.rtbooking-container .rtbooking-field select:hover {
    background-color: #ffffff !important;
    color: #a1a1a1 !important;
}

.rtbooking-container #rtbooking-submit:hover {
    background-color: #ffffff !important;
    color: #a1a1a1 !important;
    font-style: italic !important; /* Mantiene il corsivo durante l'hover */
}

.rtbooking-container #rtbooking-message p.rtbooking-error {
    color: #ff0000 !important;
}

.rtbooking-container #rtbooking-message p.rtbooking-success {
    color: #008000 !important;
}

/* Stile per il datepicker */
.ui-datepicker {
    font-family: 'Alegreya', serif !important;
    font-size: 18px !important;
    color: #343434 !important;
}
.ui-datepicker th {
    font-family: 'Alegreya', serif !important;
    font-size: 16px !important;
    color: #343434 !important;
}
.ui-datepicker td {
    font-family: 'Alegreya', serif !important;
    font-size: 16px !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    font-family: 'Alegreya', serif !important;
    font-size: 16px !important;
    color: #343434 !important;
}

/* Stile per il placeholder del select */
.rtbooking-container .rtbooking-field select option[disabled][selected] {
    color: #757575 !important;
    font-style: italic !important;
    font-size: 18px !important;
    font-family: 'Alegreya', serif !important;
}

/* Forza lo stile del select quando è "invalid" (cioè quando è selezionata l'opzione placeholder) */
.rtbooking-container .rtbooking-field select:invalid {
    color: #757575 !important;
    font-style: italic !important;
    font-size: 18px !important;
    font-family: 'Alegreya', serif !important;
}

/* Assicura che le altre opzioni del select abbiano uno stile normale quando selezionate */
.rtbooking-container .rtbooking-field select option:not([disabled]) {
    color: #343434 !important;
    font-style: normal !important;
    font-size: 18px !important;
    font-family: 'Alegreya', serif !important;
}

/* Forza il colore del select quando un'opzione valida è selezionata */
.rtbooking-container .rtbooking-field select:not(:invalid) {
    color: #343434 !important;
    font-style: normal !important;
}