/* Estilos propios para jQuery UI Datepicker (viene con WP core sin CSS —
solo trae el JS). Ver specs/mvam-theme/calendario-widget-reserva-tour.md. */
.mvam-booking-calendar-loading {
display: inline-block;
margin-left: 8px;
font-size: 0.85em;
color: #888;
}
.mvam-booking-calendar-loading.is-loading::after {
content: '\2026';
}
/*
* Bug real: jQuery UI Datepicker viene sin CSS (solo el JS, ver header de
* este archivo) — nunca se portó la regla base `display:none` que trae el
* tema visual oficial de jQuery UI. Sin esto, el div del calendario
* (#ui-datepicker-div, que el plugin agrega una sola vez al final de
* y reusa siempre) quedaba SIEMPRE visible al pie de la página en
* vez de aparecer solo al hacer foco en el campo de fecha — el propio JS
* de jQuery UI lo pasa a "display:block" cuando corresponde mostrarlo.
*/
.ui-datepicker {
display: none;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.15 );
padding: 10px;
width: 280px;
font-family: inherit;
z-index: 9999 !important;
}
.ui-datepicker-header {
display: flex;
align-items: center;
justify-content: space-between;
background: #6e2e3c;
color: #fff;
border-radius: 3px;
padding: 6px 8px;
margin-bottom: 8px;
}
/*
* jQuery UI arma el header como