@import url("./index.css");

.carousel-description {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	padding: 1rem;
	background-color: rgba(0, 0, 0, 0.5);

	color: var(--bs-white);
	text-align: center;
}

#booking-form input[type="text"],
#booking-form input[type="email"],
#booking-form input[type="tel"],
#booking-form input[type="date"],
#booking-form input[type="time"],
#booking-form textarea {
	width: 100%;
	padding: .5rem;
	margin: .5rem 0;

	background-color: var(--bs-secondary);
}

.floating-label {
	position: relative;
	margin-top: 2.5rem;
}

.floating-label .form-label {
	position: absolute;
	pointer-events: none;

	font-weight: normal;
	color: rgb(77, 78, 79);

	transition: 300ms ease all;

	top: calc(2rem * .25);
	left: calc(.0625rem * 10);
	font-size: 1rem;
}

.floating-label .form-control:focus ~ .form-label,
.floating-label .form-control:valid ~ .form-label,
.floating-label .form-control:not(:placeholder-shown) ~ .form-label{
	top: -2rem;
	left: 0rem;
	font-size: 1rem;

	color: white;
}

.btn-submit {
	font-weight: bold;

	transition: .15s ease-in-out;
}

.btn-submit:not(.btn-outline-warning) {
	--bs-btn-bg: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);

	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}

.btn-submit:is(.btn-outline-warning) {
	border-width: 2px;

	--bs-btn-color: black;

	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-submit:focus-visible,
.btn-submit:hover {
	--bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-border-color: var(--bs-secondary);
	--bs-btn-hover-disabled-border-color: var(--bs-secondary);

	-webkit-filter: brightness(87.5%);
	filter: brightness(87.5%);
}

.btn-submit:focus-visible {
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), .5);
}

.btn-submit:active {
	--bs-btn-active-bg: var(--bs-secondary);
	--bs-btn-active-border-color: var(--bs-secondary);
	--bs-btn-active-disabled-border-color: var(--bs-secondary);

	-webkit-filter: brightness(87.5%);
	filter: brightness(87.5%);
}