form.cart.wcbb-cart-form > .quantity,
form.cart.wcbb-cart-form > button.single_add_to_cart_button:not(.wcbb-book-now) {
	display: none !important;
}

.wcbb-booking-box,
.wcbb-booking-box * {
	box-sizing: border-box !important;
}

.wcbb-booking-box {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 28px 0 !important;
	padding: 24px !important;
	border: 1px solid #dfe6f0 !important;
	border-radius: 22px !important;
	background: #fff !important;
	overflow: hidden !important;
}

.wcbb-booking-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important;
	gap: 24px !important;
	align-items: start !important;
	width: 100% !important;
	min-width: 0 !important;
}

.wcbb-booking-grid__left,
.wcbb-booking-grid__right {
	width: 100% !important;
	min-width: 0 !important;
}

.wcbb-booking-grid__right {
	display: flex !important;
	flex-direction: column !important;
	gap: 18px !important;
}

.wcbb-panel {
	min-width: 0 !important;
	padding: 18px !important;
	border: 1px solid #edf1f6 !important;
	border-radius: 18px !important;
	background: #fff !important;
}

.wcbb-panel--calendar {
	padding: 0 !important;
	overflow: hidden !important;
}

.wcbb-section-title {
	margin: 0 0 14px !important;
	font-size: 1.05rem !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #24324b !important;
}

/* calendario */
.wcbb-inline-calendar {
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
}

.wcbb-inline-calendar .ui-datepicker {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-family: inherit !important;
}

/* header calendario: < mese > */
.wcbb-inline-calendar .ui-datepicker-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	padding: 14px 16px !important;
	border: 0 !important;
	border-bottom: 1px solid #dbe2ec !important;
	border-radius: 0 !important;
	background: #fff !important;
}

.wcbb-inline-calendar .ui-datepicker-prev {
	order: 1 !important;
	flex: 0 0 44px !important;
}

.wcbb-inline-calendar .ui-datepicker-title {
	order: 2 !important;
	flex: 1 1 auto !important;
	margin: 0 !important;
	text-align: center !important;
	font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	color: #24324b !important;
	white-space: nowrap !important;
}

.wcbb-inline-calendar .ui-datepicker-next {
	order: 3 !important;
	flex: 0 0 44px !important;
}

.wcbb-inline-calendar .ui-datepicker-prev,
.wcbb-inline-calendar .ui-datepicker-next {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	cursor: pointer !important;
	overflow: hidden !important;
}

.wcbb-inline-calendar .ui-datepicker-prev:hover,
.wcbb-inline-calendar .ui-datepicker-next:hover {
	background: #f4f7fb !important;
}

.wcbb-inline-calendar .ui-datepicker-prev span,
.wcbb-inline-calendar .ui-datepicker-next span {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	background: none !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
}

.wcbb-inline-calendar .ui-datepicker-prev::before,
.wcbb-inline-calendar .ui-datepicker-next::before {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 32px !important;
	line-height: 1 !important;
	color: #69748a !important;
	content: '‹' !important;
}

.wcbb-inline-calendar .ui-datepicker-next::before {
	content: '›' !important;
}

.wcbb-inline-calendar table.ui-datepicker-calendar {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
}

.wcbb-inline-calendar thead th {
	width: 14.2857% !important;
	padding: 14px 4px !important;
	border-bottom: 1px solid #dbe2ec !important;
	background: #fff !important;
	text-align: center !important;
	font-size: 0.96rem !important;
	font-weight: 600 !important;
	color: #677286 !important;
}

.wcbb-inline-calendar tbody td {
	width: 14.2857% !important;
	padding: 0 !important;
	border-right: 1px solid #dbe2ec !important;
	border-bottom: 1px solid #dbe2ec !important;
	background: #fff !important;
	text-align: center !important;
	vertical-align: middle !important;
	overflow: hidden !important;
}

.wcbb-inline-calendar tbody tr td:last-child {
	border-right: 0 !important;
}

.wcbb-inline-calendar td a,
.wcbb-inline-calendar td span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	padding: .857em .587em !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	text-decoration: none !important;
	font-size: 1.08rem !important;
	font-weight: 400 !important;
	color: #73809a !important;
}

.wcbb-inline-calendar td a:hover {
	background: #f7faff !important;
}

.wcbb-inline-calendar .ui-datepicker-other-month,
.wcbb-inline-calendar .ui-datepicker-other-month span {
	background: #f7f8fa !important;
	color: #b5bcc8 !important;
}

.wcbb-inline-calendar .ui-state-disabled span {
	background: #f7f8fa !important;
	color: #c3c9d3 !important;
}

.wcbb-inline-calendar .ui-datepicker-today a {
	background: #edf2f7 !important;
	color: #66748c !important;
}

.wcbb-inline-calendar .ui-datepicker-current-day a {
	padding: .857em .587em !important;
	background: #3ca0e6 !important;
	color: #fff !important;
	font-weight: 600 !important;
}

/* cards */
.wcbb-slot-buttons,
.wcbb-service-buttons {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

.wcbb-choice-button {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 92px !important;
	padding: 14px 16px !important;
	border: 1px solid #d9e2ec !important;
	border-radius: 16px !important;
	background: #fff !important;
	cursor: pointer !important;
}

.wcbb-choice-button:hover {
	border-color: #9ecff3 !important;
}

.wcbb-choice-button input {
	display: none !important;
}

.wcbb-choice-button__title {
	font-weight: 700 !important;
	color: #24324b !important;
}

.wcbb-choice-button__meta {
	font-size: 0.95rem !important;
	color: #6f7b92 !important;
}

.wcbb-choice-button--service .wcbb-choice-button__meta {
	display: none !important;
}

.wcbb-choice-button__price {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: flex-start !important;
	margin-top: 4px !important;
	padding: 6px 12px !important;
	border-radius: 10px !important;
	background: #3ca0e6 !important;
	color: #fff !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
}

.wcbb-choice-button.is-selected {
	border-color: #3ca0e6 !important;
	background: #eef8ff !important;
}

.wcbb-choice-button.is-disabled {
	opacity: 0.42 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

/* terms */
.wcbb-terms-row {
	margin: 18px 0 12px !important;
	padding-top: 16px !important;
	border-top: 1px solid #eef2f6 !important;
}

.wcbb-terms-check {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	font-size: 0.94rem !important;
	color: #475467 !important;
	cursor: pointer !important;
}

.wcbb-terms-check input {
	margin-top: 2px !important;
}

.wcbb-terms-check a {
	text-decoration: underline !important;
}

/* footer */
.wcbb-footer-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding-top: 6px !important;
}

.wcbb-footer-row__summary {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	min-width: 0 !important;
}

.wcbb-footer-row__label,
.wcbb-total-box__label {
	font-size: 0.9rem !important;
	color: #667085 !important;
}

.wcbb-footer-row__value {
	font-size: 1rem !important;
	color: #101828 !important;
	word-break: break-word !important;
}

.wcbb-footer-row__actions {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
}

.wcbb-total-box {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 4px !important;
}

.wcbb-total-box__value {
	font-size: 1.7rem !important;
	line-height: 1 !important;
	color: #101828 !important;
}

.wcbb-book-now.button.alt {
	min-height: 52px !important;
	padding: 0 24px !important;
	border-radius: 14px !important;
	background: #3ca0e6 !important;
	border-color: #3ca0e6 !important;
	color: #fff !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
}

.wcbb-book-now.button.alt:disabled,
.wcbb-book-now.button.alt.disabled {
	opacity: 0.55 !important;
	cursor: not-allowed !important;
}

/* responsive */
@media (max-width: 767px) {
	.wcbb-booking-box {
		padding: 16px !important;
	}

	.wcbb-slot-buttons,
	.wcbb-service-buttons {
		grid-template-columns: 1fr !important;
	}

	.wcbb-footer-row {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.wcbb-footer-row__actions {
		width: 100% !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.wcbb-total-box {
		align-items: flex-start !important;
	}

	.wcbb-book-now.button.alt {
		width: 100% !important;
	}

	.wcbb-inline-calendar .ui-datepicker-header {
		padding: 12px !important;
	}

	.wcbb-inline-calendar .ui-datepicker-title {
		font-size: 1.05rem !important;
	}

	.wcbb-inline-calendar .ui-datepicker-prev,
	.wcbb-inline-calendar .ui-datepicker-next {
		flex: 0 0 38px !important;
		width: 38px !important;
		height: 38px !important;
	}

	.wcbb-inline-calendar .ui-datepicker-prev::before,
	.wcbb-inline-calendar .ui-datepicker-next::before {
		font-size: 28px !important;
	}

	.wcbb-inline-calendar td a,
	.wcbb-inline-calendar td span {
		font-size: 1rem !important;
	}
}