.booking-dialog .dialog-content {
	height: calc(100dvh - 2rem);
	width: calc(100vw - 2rem);
	max-block-size: unset;
	max-inline-size: unset;
}

.booking-dialog .boat-card {
	width: auto;
}

#send-message-dialog .svg-icon {
	height: 2rem;
	width: 7.5rem;
	fill: var(--icon-color-2);
	margin-left: 0;
}

#send-message-dialog .date-group, #filter-dialog .date-group {
	border: 1px solid var(--border-color);
	padding: .5rem;
	border-radius: var(--input-border-radius);
}

#send-message-dialog .date-group input[type="text"], #filter-dialog .date-group input[type="text"] {
	padding-block: 3px;
	border: none;
}

#send-message-dialog .date-group input[type="text"]:focus, #filter-dialog .date-group input[type="text"]:focus {
	background-color: rgb(0 74 139 / 13%);
}

#filter-dialog .btn-primary {
	width: 10rem;
}

#filter-dialog .btn-close {
	order: 3;
}

#filter-dialog .button-wrapper {
	flex: 1;
}

#filter-dialog .btn.btn-clear-filter {
	color: var(--brand-color);
	mso-font-width: var(--fw-500);
}

@media only screen and (min-width: 768px) {
	.search-box .list {
		margin-top: -5rem;
	}

	.booking-dialog .dialog-content {
		transition: width .2s ease-in;
		height: 66rem;
		width: 50rem;
	}

	.booking-dialog.extended .dialog-content {
		width: calc(100vw - 4rem);
	}

	#gallery-dialog .dialog-title {
		visibility: hidden;
		opacity: 0;
	}

	#charter-enquiry-dialog .dialog-content {
		width: 52rem;
	}

	#charter-enquiry-dialog .svg-icon {
		fill: var(--icon-color);
	}
}

@media only screen and (min-width: 1024px) {
	.booking-dialog.extended .dialog-content {
		width: 90rem;
	}

	.booking-dialog .boat-card {
		width: 27rem;
	}
}

.field-validation-error {
	color: #fa0e0e;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield; /* Firefox */
}

.flatpickr-day.prevMonthDay:not(.flatpickr-disabled), .flatpickr-day.nextMonthDay:not(.flatpickr-disabled) {
	color: rgb(57 57 57 / 52%) !important;
}