@charset "UTF-8";

/* Variáveis */
#top .mphb-datepicker-minimal {
	--mphb-available-date-bg: var(--enfold-header-color-bg, #fff);
	--mphb-available-date-color: var(--enfold-header-color-primary, #6bc248);
	--mphb-not-available-date-bg: var(--enfold-header-color-bg, #fff);
	--mphb-not-available-date-color: var(--enfold-header-color-secondary, #e49090);
	--mphb-booked-date-bg: var(--enfold-header-color-dark-bg2, #fff);
	--mphb-booked-date-color: var(--enfold-header-color-bg, #e49090);
	--mphb-out-of-season-date-bg: var(--enfold-header-color-stripe2, #fff);
	--mphb-out-of-season-date-color: var(--enfold-header-color-bg, #b2b2b2);
	--mphb-selected-date-bg: var(--enfold-header-color-primary, #222222);
	--mphb-selected-date-color: var(--enfold-header-color-button-font, #fff);
	--mphb-unselectable-date-color: var(--enfold-header-color-stripe2nd, #b2b2b2);
}

/* Tipo de Acomodação */
#top .mphb-room-type {
	position: relative;
	padding: 10px;
	border: 1px solid var(--enfold-main-color-border, #ccc);
	border-radius: 5px;

	&:after {
		content: '';
		display: block;
		clear: both;
	}
	&:not(:first-of-type) {
		margin-top: 30px;
	}

	@media only screen and (min-width: 768px) {
		&>:where(p,ul,h3,div) {
			max-width: calc(100% - 320px);
		}
		& :where(.mphb-loop-room-thumbnail,.mphb-room-type-images) {
			float: right;
			width: 300px;
			margin: 0px;
		}
	}
	@media only screen and (max-width: 767px) {
		& .mphb-room-type-images {
			margin: 0px;
			margin-bottom: 20px;
		}
	}

	/* Galeria de Imagens */
	& .mphb-gallery-main-slider {
		border: none;

		& .gallery-item :where(span,a,img) {
			width: 100% !important;
			pointer-events: none;
		}

	}

	/* Miniaturas */
	& .mphb-gallery-thumbnail-slider {
		border: none;
		margin-top: 10px;
		@media only screen and (max-width: 989px) {
			& .mphb-gallery-thumbnail-slider {
				display: none !important;
			}
		}

		& .gallery-item,
		& .gallery-item :where(span,a) {
			display: flex !important;
			flex: 1 1 auto !important;
		}

	}

	/* Imagens */
	& img {
		display: block;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}

	/* Slider */
	& .flex-direction-nav {
		margin: 0;
		padding: 0;
	}
	& :where(.flex-nav-next,.flex-nav-prev) {
		margin: 0;
		padding: 0;
	}

	/* Título da Acomodação */
	& h2.mphb-room-type-title {
		border-bottom: 3px solid var(--enfold-main-color-primary, #888);
		@media only screen and (min-width: 768px) {
			& {
				padding-bottom: 0.1em;
				padding-right: 310px;
			}
		}
		& a {
			pointer-events: none;
		}
	}

	/* Preço da Reserva */
	& .mphb-regular-price {
		display: flex !important;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.3em;
		& strong {
			display: none;
		}
		& .mphb-price {
			font-size: 30px;
			font-weight: bold;
		}
	}

	/* Botão Detalhes */
	& .mphb-view-details-button-wrapper {
		display: flex !important;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.3em;
	}

}

#top .hide-details-button .mphb-room-type :where(.mphb-view-details-button-wrapper,.mphb-view-details-button) {
	display: none !important;
}

/* Botão Detalhes Como Link */
#top .details-button-as-link .mphb-room-type{

	& .mphb-view-details-button-wrapper {
		display: block !important;
		margin: 0;
		padding: 0;
	}
	& > :not(.mphb-view-details-button-wrapper) {
		position: relative;
		z-index: 5;
	}
	& h2.mphb-room-type-title {
		color: var(--enfold-main-color-primary);
		border-color: var(--enfold-main-color-secondary);
		transition: all 0.3s ease-out;
		z-index: 0;
	}
	&:hover h2.mphb-room-type-title {
		color: var(--enfold-main-color-secondary);
		border-color: var(--enfold-main-color-primary);
		z-index: 0;
	}
	& .mphb-view-details-button {
		position: absolute;
		display: block !important;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background: transparent;
		text-indent: -9999999em;
		overflow: hidden;
		z-index: 3;
	}
	& .mphb-room-type-images {
		z-index: 9;
	}

	@media only screen and (min-width: 768px) {
		&>:where(p,ul,h3,div) {
			max-width: calc(100% - 208px);
			margin: 0;
			padding: 0 20px 0.85em 0;
		}
		& :where(.mphb-loop-room-thumbnail,.mphb-room-type-images) {
			width: 208px;
		}
		& :where(.mphb-room-type-images,.mphb-reserve-room-section) {
			padding: 0;
		}
	}

}

/* Ocultar Detalhes Extras */
#top .hide-details .mphb-room-type :where(.mphb-gallery-thumbnail-slider,.mphb-room-type-details-title,.mphb-loop-room-type-attributes) {
	display: none !important;
}

/* Campos da Pesquisa */
#top .mphb_sc_search-wrapper :where(input,select,textarea) {
	margin: 0px !important;
}

/* Formulário de Pesquisa */
#top .mphb_sc_search-wrapper.is-style-horizontal-form {

	& .mphb_sc_search-form {
		margin: 0px !important;
		gap: 10px;
	}
	& p {
		margin: 0px !important;
		padding: 0px !important;
	}

	&:has(.mphb_sc_search-facilities) .mphb_sc_search-form {
		flex-wrap: wrap !important;
	}

	&:has(.mphb_sc_search-facilities) p.mphb_sc_search-facilities {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-items: center;
		gap: .5em 1em;
		& label {
			flex: 1 1 auto;
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		& label:not([for]){
			display: block;
			width: 100%;
		}
		& input {
			width: auto;
			margin: 0 .5em 0 0 !important;
		}
		& br {
			display: none;
		}
	}

	&:has(.mphb_sc_search-facilities) p.mphb_sc_search-submit-button-wrapper {
		max-width: 10em;
		margin-left: auto !important;
	}

}

/* Nome do Convidado */
#top .mphb-guest-name-wrapper {
	display: none !important;
}

/* Calendário */
#top .mphb-datepicker-minimal {
	/* background: var(--mphb-available-date-bg, #fff); */
	background: #444;
	/*color: var(--mphb-available-date-color, #000);*/
	color: #fff;
	border: 1px solid #888;

	& * {
		background-color: transparent;
		border-color: transparent;
		color: inherit;
	}

	& a {
		/*color: var(--mphb-available-date-color, #fff);*/
	}
	& a.datepick-disabled {
		/*color: var(--mphb-not-available-date-color, #fff);*/
		color: #fff5;
	}
	& a:hover {
		background-color: #0005;
	}

	& .datepick-nav {
		/*color: var(--mphb-not-available-date-color, #fff);*/
	}

	& .datepick-cmd:hover {
		/*background-color: var(--mphb-available-date-bg, #777);*/
	}
	& .datepick-ctrl .datepick-cmd:hover {
		/*background-color: var(--mphb-available-date-bg, #f5f5f5);*/
		/*color: var(--mphb-not-available-date-color, #222222);*/
	}
	& .datepick-ctrl:before {
		display: none;
	}

	& .datepick-month-nav span {
		/*color: var(--mphb-available-date-color, #888);*/
	}

	& .datepick-month {
		/*border-color: var(--mphb-available-date-color, #444);*/

		& .datepick-month thead {
			/*border-bottom-color: var(--mphb-available-date-color, #aaa);*/
		}

		& .datepick-month th {
			/*border-color: var(--mphb-available-date-color, #777);*/
		}
		& .datepick-month :where(th,th a) {
			/*color: var(--mphb-available-date-color, #fff);*/
		}
		& .datepick-month td {
			/*border-color: var(--mphb-available-date-color, #aaa);*/
		}
		& .datepick-month td.datepick-week {
			/*border-color: var(--mphb-available-date-color, #777);*/
		}
		& .datepick-month td.datepick-week * {
			/*color: var(--mphb-available-date-color, #fff);*/
		}
		& .datepick-month a {
			position: relative;
			/*color: var(--mphb-available-date-color, #000);*/
		}

		& .datepick-month td span {
			/*color: var(--mphb-available-date-color, #888);*/
		}
		& .datepick-month td .datepick-other-month {
			/*background-color: var(--mphb-available-date-bg, #fff);*/
		}
		& .datepick-month td .datepick-weekend {
			/*background-color: var(--mphb-available-date-bg, #ddd);*/
		}
		& .datepick-month td .datepick-today {
			/*background-color: var(--mphb-available-date-bg, #f0c0c0);*/
		}
		& .datepick-month td .datepick-highlight {
			/*background-color: var(--mphb-available-date-bg, #f08080);*/
			background-color: #0008;
		}
		& .datepick-month td :where(.mphb-check-in-date,.datepick-selected) {
			/*background-color: var(--mphb-available-date-bg, #777);*/
			/*color: var(--mphb-available-date-color, #fff);*/
			background-color: #0008;
			font-weight: bold;
			transform: scale(1.12);
		}
		& .datepick-month th.datepick-week {
			/*background-color: var(--mphb-available-date-bg, #777);*/
			/*color: var(--mphb-available-date-color, #fff);*/
		}

		& .datepick-month td :where(.mphb-past-date,.mphb-unselectable-date) {
			/*color: var(--mphb-not-available-date-color, #fff);*/
			color: #fff5;
		}

	}
	& .datepick-status {
		/*background-color: var(--mphb-available-date-bg, #ddd);*/
	}

	& button {
		/*background-color: var(--mphb-selected-date-bg, #fcc);*/
	}

	& :where(input,textarea) {
		/*color: var(--mphb-selected-date-bg, #fff);*/
		margin: 0px;
		padding: 0px 0.2em;
	}

	& select {
		--mphb-background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHZJREFUGNOdjzEKwlAQRN8P6XMAK8GDBOxzAAu7qYVALHOApLGfHCZ3ELyBlZewWWEJVnnlPGaZhcD20fZAogpxAFZgsj3+ZEnilEp3SXMd4cwG2w27KbYvQL/J38C1xP0HcAvxAVpJr5IGLEAHnCU9+bMwv8MXN6IiLJDbkhsAAAAASUVORK5CYII=);
		background: var(--mphb-background-image) center right no-repeat;
		position: relative;
		margin: 0px;
		padding: 0px 18px 0px 0.2em;
		border-top: none;
		border-bottom: none;
		border-right: 5px solid transparent;
		line-height: inherit;
		/*color: var(--mphb-available-date-color, #fff);*/
		transition: all 0.25s linear;
	}
	& select:hover {
		background-color: #0005;
		smask-image: linear-gradient(to left, black 100%);
	}
	& select option {
		/*background: var(--mphb-selected-date-bg);*/
		/*color: var(--mphb-available-date-color, #fff);*/
		background: #000f;
	}

	& .datepick-month-header {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.3em;
		/*color: var(--mphb-available-date-color, #fff);*/
	}
	& .datepick-month-header select:first-child {
		flex: 1 1 auto;
	}
	& .datepick-month-header select:last-child {
		flex: 0 0 auto;
	}

	& .datepick-month .datepick-selected:hover {
		/*background: var(--mphb-selected-date-bg);*/
		/*color: var(--mphb-selected-date-color);*/
	}

}
#top .datepick-popup .mphb-datepicker-minimal {
	background: #0008;
	backdrop-filter: blur(5px);
	box-shadow: 1px 1px 6px 1px #0008;
	border-color: transparent;
}

/* Detalhes da Acomodação */
#top.single-mphb_room_type {

	& .fullsize .template-blog :where(.post-title,.post .entry-content-wrapper,.post .entry-content-wrapper>*) {
		max-width: none;
	}

	& .mphb-single-room-type-gallery-wrapper br,
	& .comment-entry,
	& .post_author_timeline,
	& .post-meta-infos,
	& .blog-meta,
	& .big-preview,
	& div.single-big {
		display: none !important;
	}

	& .mphb-single-room-type-gallery-wrapper .gallery {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	& .mphb-single-room-type-gallery-wrapper .gallery-item {
		float: left;
		margin: 0px;
		text-align: center;
		width: calc((100% - 40px) / 5);
		height: auto;
	}
	& .mphb-single-room-type-gallery-wrapper .gallery-item :where(dl,dt,img) {
		width: 100%;
		height: auto;
	}

	& h2 {
		margin-top: 50px;
		height: auto;
	}

}