#wc-bookings-booking-form .picker {
	margin: 0;
}

#wc-bookings-booking-form .wc-bookings-date-picker {
	padding: 0;
	margin-bottom: 8px;
}

#wc-bookings-booking-form .ui-datepicker-calendar {
	background-color: #FFFFFF;
	border-collapse: separate;
    border-spacing: 3px 3px;
	border: 1px solid rgba(0, 0, 0, .25);
}

/* Month header background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-header {
	background-color: #002129;
	border-radius: 0;
}

/* jQuery UI Datepicker Titel (Monat/Jahr) als Flex-Row mit Abstand */
#wc-bookings-booking-form .ui-datepicker .ui-datepicker-title {
  display: flex;
  align-items: center;
  justify-content: center; /* zentriert Monat+Jahr */
  gap: 8px;                /* <- Abstand zwischen den Selects */
  flex-wrap: wrap;         /* falls es mal schmal wird */
}

/* Previous/Next month arrow background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next, 
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev {
	background-color: transparent;
}

#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span, 
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev span {
	margin-top: 0;
	top: 50%;	
}

/* Previous/Next month arrows if not allowed, and calendar dates that are not available */
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled {
	opacity: 0.25 !important;
}

#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-month,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-year {
	border-radius: 0;	
}

#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-month,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-year {
  opacity: 0;
}

#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-month.select2-hidden-accessible,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-year.select2-hidden-accessible {
  opacity: 1;
}

/* Month and Year select2 stylings */
.select2-container--default .select2-selection--single {
  height: 36px; border: 1px solid #d0d5dd; border-radius: 0; background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px; padding: 0 36px 0 10px; color: #111827;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { right: 8px; height: 100%; }
.select2-dropdown { border-color: #e0e5ed; border-radius: 0px; }
.select2-results__option--highlighted { background: #005E74 !important; color: #FFFFFF; }


/* Days of the week header background and font color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th {
	background-color: #ffffff;
	color: #000000;
}
f
/* Past and unavailable calendar days background color (not available) */
.ui-datepicker-calendar tbody {
	background-color: #FFFFFF !important;
	color: #7F7F7F !important;
}

/* Available calendar days background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
	background-color: #005E74 !important;
}

/* Available calendar day hover background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
	background-color: #FFDB1A !important;
}

/* Fully booked calendar days */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules):not(.pending_booked) span,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules):not(.pending_booked) a {
	/*
	background-color: #FFFFFF !important;
	color: #7F7F7F !important;
	*/
	color: #DDD !important;
	background-color: #333 !important;
}

/* Fully booked calendar days color opacity */
.wc-bookings-date-picker .ui-datepicker td.ui-state-disabled {
	opacity: .30;
}

#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.pending_booked a.ui-state-default,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.pending_booked span.ui-state-default {
	background-color: #826e03 !important;
	color: #FFF !important;
}

/* Days not bookable based on the availability rules */
.wc-bookings-date-picker .ui-datepicker td.not_bookable {
	background-color: #FFFFFF !important;
}

/* Today's date on calendar background color */ 
/*
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a { 
	background-color: #000000 !important; 
}
*/

/* Selected date */ 
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable-range a,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable-range span {
	background-color: #E8C500 !important;
	color: #FFF;
} 

/* Booking costs block  */
.wc-bookings-booking-form .wc-bookings-booking-cost {
	background: #00ff00;
}


/* Calendar Legend  */
.calendar-legend-container {
	font-size: 12px;
	margin: 0 0 15px 0;
}

.calendar-legend-container .calendar-legend-entry {
	margin-right: 6px;
	display: inline-block;
}

@media screen and (min-width: 700px) {
	.calendar-legend-container .calendar-legend-entry {
		margin-right: 15px;
	}
}

.calendar-legend-container .calendar-legend-entry .marker {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 4px;
	border: 1px solid rgba(0,0,0,.25);
}

.calendar-legend-container .calendar-legend-entry .marker.available-dates {
	background-color: #005E74;
}

.calendar-legend-container .calendar-legend-entry .marker.unavailable-dates {
	background-color: #FFFFFF;
}

.calendar-legend-container .calendar-legend-entry .marker.fully-booked-dates {
	background-color: #bfbfbf;
}

.calendar-legend-container .calendar-legend-entry .marker.provisionally-dates {
	background-color: rgba(130, 110, 3, .25);
}

.calendar-legend-container .calendar-legend-entry .marker.selected-dates {
	background-color: #E8C500;
}