/**
 * VBO Day Prices - estilo del precio por día en el datepicker del buscador.
 *
 * El precio se inserta como HERMANO del "círculo" del día (elemento
 * .ui-state-default de jQuery UI), NO dentro de él, para no romper la forma
 * circular ni el estado hover/seleccionado del día.
 */

/* alinear el contenido de la celda arriba para que quepan círculo + precio */
.ui-datepicker td.vbo-has-price {
	vertical-align: top !important;
}

/* el precio: una cifra pequeña y discreta debajo del número del día.
   Hay que anular la regla de VikBooking ".ui-datepicker td > *" que convierte
   cualquier hijo de la celda en un círculo de 40x40px. */
.ui-datepicker td .vbo-day-price {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.1 !important;
	margin: 1px auto 3px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 10px !important;
	font-weight: 400 !important;
	color: #8a8a8a !important;
	text-align: center !important;
	white-space: nowrap;
	pointer-events: none; /* el precio no captura clics/hover: solo el día */
	cursor: default;
}

/* evitar que el hover/selección del día "tiña" el precio */
.ui-datepicker td.checkin-date .vbo-day-price,
.ui-datepicker td.checkout-date .vbo-day-price,
.ui-datepicker td.ui-datepicker-current-day .vbo-day-price,
.ui-datepicker td .ui-state-active ~ .vbo-day-price {
	color: #8a8a8a !important;
}

/* días no seleccionables (pasados): precio aún más tenue */
.ui-datepicker td.ui-datepicker-unselectable .vbo-day-price {
	opacity: 0.45;
}

/* los meses van con float:left; forzar que el pie (Limpiar fechas / Cerrar)
   quede SIEMPRE por debajo del calendario y no solape la última fila */
#ui-datepicker-div .vbo-drp-commands-bottom {
	clear: both !important;
	margin-top: 6px;
}