Descrição
/* Container do calendário */
.ui-datepicker,
.booking_calendar,
.booking-datepicker {
border-radius: 18px !important;
overflow: hidden;
border: none !important;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
background: #fff;
}
/* Cabeçalho */
.ui-datepicker-header {
background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
border: none !important;
padding: 15px !important;
}
.ui-datepicker-title {
color: #fff !important;
font-size: 18px !important;
font-weight: 700 !important;
text-transform: uppercase;
}
/* Setas */
.ui-datepicker-prev,
.ui-datepicker-next {
color: #fff !important;
opacity: 0.9;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
opacity: 1;
}
/* Dias da semana */
.ui-datepicker th {
color: #64748b !important;
font-weight: 600 !important;
padding: 12px 0 !important;
background: #f8fafc;
}
/* Células */
.ui-datepicker td {
padding: 3px !important;
}
/* Dias disponíveis */
.ui-datepicker td a {
background: #fff !important;
color: #1e293b !important;
border-radius: 10px !important;
text-align: center;
padding: 12px 0 !important;
border: none !important;
transition: all .2s ease;
}
/* Hover */
.ui-datepicker td a:hover {
background: #2563eb !important;
color: #fff !important;
transform: scale(1.08);
}
/* Dia selecionado */
.ui-datepicker .ui-state-active {
background: #2563eb !important;
color: #fff !important;
border-radius: 10px !important;
}
/* Dias disponíveis */
.ui-datepicker .bookable a,
.ui-datepicker td.bookable a {
background: #22c55e !important;
color: white !important;
}
/* Hover dias disponíveis */
.ui-datepicker .bookable a:hover,
.ui-datepicker td.bookable a:hover {
background: #16a34a !important;
}
/* Campo quantidade */
.booking_persons,
input[type=”number”] {
border-radius: 12px !important;
border: 2px solid #e2e8f0 !important;
padding: 10px !important;
}
/* Botão reservar */
.single_add_to_cart_button,
.booking_button {
background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
border-radius: 12px !important;
border: none !important;
padding: 14px 28px !important;
font-weight: 700 !important;
transition: all .2s;
}
.single_add_to_cart_button:hover,
.booking_button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(124,58,237,0.3);
}
Avaliações
Não há avaliações ainda.