#corso-foglalo-mini {

	display: flex;

	gap: 20px;

	flex-wrap: wrap;

	justify-content: center;

}



#foglalas-people-dropdown {

	position: absolute;

	display: none;

}



.foglalas-container {

	display: flex;

	align-items: center;

	border: 1px solid white;

	padding: 10px 20px;

	gap: 12px;

}



.foglalas-container input {

	background-color: transparent;

	border: none;

	color: white;

	font-size: 14px;

	font-weight: 700;

	padding: 5px;

}



.foglalas-container input::placeholder,

.foglalas-container input:focus {

	color: white;

}



.foglalas-container input#arrival,

.foglalas-container input#departure,

.foglalas-container input#felnott,

.foglalas-container input#gyermek {

	border-bottom: 1px solid white;

	text-align: center;

}



.foglalas-container input#arrival,

.foglalas-container input#departure {

	max-width: 130px;

}



.foglalas-container input#felnott,

.foglalas-container input#gyermek {

	width: 1.8em;

}



#corso-foglalo-mini > button.foglalas-container {

	font-size: 14px;

	text-transform: uppercase;

	color: rgba(54, 58, 43, 1);

	font-weight: 400;

	cursor: pointer;

	transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
	background-color: rgba(240, 240, 240, 1);

}



#corso-foglalo-mini > button.foglalas-container:hover {

	background-color: rgba(240, 240, 240, .8);

	border-color: rgba(240, 240, 240, .8);

}



@media all and (max-width: 980px) {

	#corso-foglalo-mini .foglalas-icon {

		display: none;

	}



	#corso-foglalo-mini .foglalas-container {

		width: 100%;

		justify-content: center;

	}



	.foglalas-container:has(input#arrival) {

		flex-direction: column;

	}

}



.foglalas-container:has(input#felnott) * {

	text-transform: lowercase;

}



.foglalas-container:has(input#felnott) span {

	font-size: 14px;

	font-weight: 700;

}



#ui-datepicker-div .ui-datepicker-title span {

	font-weight: 700;

	font-size: 1rem;

	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;

	color: rgba(54, 58, 43, 1);

}



#ui-datepicker-div .ui-datepicker-calendar th span {

	color: rgba(54, 58, 43, 1);

	font-weight: 700;

	font-size: 0.88rem;

	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;

}



#ui-datepicker-div .ui-datepicker-calendar td a,

#ui-datepicker-div .ui-datepicker-calendar td span {

	border: none;

	text-align: center;

	background-color: transparent;

	font-weight: 400;

}



#ui-datepicker-div .ui-datepicker-calendar td a {

	color: rgba(54, 58, 43, 1);

}



#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a {

	font-weight: 700;

}



#ui-datepicker-div .ui-widget-header {

	border: none;

	background-color: transparent;

}



#ui-datepicker-div .ui-widget-content .ui-state-highlight {

	background-color: transparent;

	font-weight: 700;

}



@media all and (max-width: 800px) {

	#ui-datepicker-div {

	    position: fixed!important;

	    top: 50%!important;

	    left: 50%!important;

	    max-width: 90vw;

	    max-height: 90vh;

	    transform: translate(-50%, -50%);

	    display: flex;

	    flex-wrap: wrap;

	}



	#ui-datepicker-div .ui-datepicker-multi-2 .ui-datepicker-group {

		width: 100%;

	}



	#ui-datepicker-div > .ui-datepicker-header {

		width: 100%;

	}

}