@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');

$cYellow: #ffd024;
$cYellowLight: #ffe37c;
$cBlue: #0085ed;

$cTxtBlack: #191919;
$cTxtBlack2: #2a2a2a;

$fPoppins: 'Poppins', sans-serif;
$fGloria: 'Gloria Hallelujah', sans-serif;

//! Global - start
* {
	font-family: $fPoppins;
}

.text-color-11 {
	color: $cBlue;
}

.btn {
	border-radius: 8px;
	padding: 8px 24px;
	transition: all 250ms ease-in-out;

	&.background-color-7 {
		background: $cYellow;

		&:hover {
			background: $cYellowLight;
		}

		&.text-color-15 {
			color: $cTxtBlack;
		}
	}
}
//! Global - end

section.search-box div[data-template-type='searchbtn']:not(.grid-stack-item),
section.subscriptionsbox
	div[data-template-type='searchbtn']:not(.grid-stack-item) {
	height: 55px !important;
}
section.search-box .fields-container:not(.grid-stack) > .searchbox-dd-item {
	height: 55px !important;
}
section.search-box .fields-additional-button:not(.grid-stack-item),
section.subscriptionsbox .fields-additional-button:not(.grid-stack-item) {
	height: 55px !important;
}

header#main-header {
	.functional-header {
		.main {
			> div {
				display: inline-block;
				min-height: 100px;
				align-content: center;
			}

			.mobile-menu-item {
				display: flex;
				align-items: center;
				column-gap: 10px;

				.val {
					font-size: 14px;
					font-weight: 400;
				}
			}

			#logo-image-container {
				img {
					max-width: 100px;
				}
			}

			.google-reviews {
				img {
					max-width: 80px;
					width: 100%;
				}
			}
		}
	}

	> div {
		&:nth-child(2) {
			&:not(#custom-header) {
				visibility: hidden !important;
				opacity: 0 !important;
			}
		}
	}

	#custom-header {
		height: 140px;
		padding: 15px 0;

		.custom-header {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			.c-col {
				&-1 {
					width: calc((100% - 100px) / 3);

					a {
						display: flex;
						flex-direction: column;
						text-decoration: none;
						row-gap: 5px;
					}

					img {
						width: 100%;
						max-width: 250px;
					}
					span {
						color: #dd222a;
						font-family: $fGloria;
						font-size: 12px;
						width: 100%;
						max-width: 250px;
						text-align: center;
						font-weight: 900;
						text-decoration: none;
					}
				}
				&-2 {
					width: calc((100% - 100px) / 3);

					ul {
						list-style: none;
						padding: 0;
						margin: 0;

						li {
							color: #000;
							font-size: 14px;
							font-weight: 400;

							a {
								color: inherit;
							}
						}
					}
				}
				&-3 {
					width: calc((100% - 100px) / 3);
					height: 80px;

					ul {
						list-style: none;
						padding: 0;
						margin: 0;

						li {
							color: #000;
							font-size: 14px;
							font-weight: 400;

							a {
								color: inherit;
							}
						}
					}
				}
				&-4 {
					width: 100px;

					ul.box-social-header {
						list-style: none;
						padding: 0;
						margin: 0;

						display: flex;
						flex-direction: column;
						row-gap: 10px;
						align-items: center;

						li {
							color: #000;
							font-size: 14px;
							font-weight: 400;

							a {
								color: inherit;
							}

							img {
								width: 100%;
								max-width: 80px;
							}

							// .btn-social {
							// 	display: inline-flex;
							// 	padding: 5px 10px;
							// 	background: rgba(0, 133, 237, 1);
							// 	flex-direction: row;
							// 	align-items: center;
							// 	width: max-content;
							// 	color: #fff;
							// 	border-radius: 5px;

							// 	.text {
							// 		font-size: 12px;
							// 	}
							// }

							&.box-social-header-1 {
								a {
									img {
										max-width: 90px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

nav.main-nav {
	ul.mega-menu-content {
		padding-left: 15px;
		padding-right: 15px;

		> li {
			.btn-cart,
			.quick-search {
				background: transparent;
			}

			> a {
				padding: 13px 14px 14px;
			}

			.elem-in-nav {
				span {
					font-size: 16px;
				}
			}

			.mobile-menu-item.sub-menu {
				border-color: rgba($cTxtBlack, 0.85);

				.sub-menu-inner {
					> ul {
						display: flex;
						flex-direction: column;
						padding-left: 10px;
						padding-right: 10px;
						border-color: rgba($cTxtBlack, 0.16);

						> li.sub-menu-caption {
							span {
								color: $cBlue;
							}
						}
						> li.mobile-menu-item {
							height: 100%;

							&:hover {
								background-color: rgba($cBlue, 0.07);
							}

							> a {
								flex-direction: column;
								display: flex;
								height: 100%;
							}
							h2 {
								color: $cTxtBlack2;
								font-size: 16px;
								display: flex;
								flex-direction: column;
								row-gap: 7px;

								.stars {
									i.fa.fa-star.fa-solid {
										color: $cYellow;
									}
								}
							}
							p {
								color: $cTxtBlack2;
								font-size: 14px;
							}
							p.price-details {
								flex: 1;
								align-content: end;

								.price-label {
									color: $cTxtBlack2;
									font-size: 14px;
									font-weight: 600;
								}

								.text-color-11 {
									color: $cBlue;
								}
							}
							.omnibus {
								.omnibus-label {
									font-size: 10px;
									color: $cTxtBlack2;
								}
							}
						}
					}
				}
			}
		}
	}

	.quick-search {
		.quick-search-elem {
			input.quick-search-input {
				color: #fff;
				font-family: $fPoppins;
				font-size: 16px;
			}
		}
	}
}
#widget197464156 {
	.promo-box {
		.carousel {
			.carousel-indicators {
				li {
					height: 10px;
					width: 30px;
					transition: all 250ms ease-in-out;
					border: 1px solid rgba(255, 255, 255, 0.6);

					&.active {
						height: 10px;
						width: 60px;
						background: $cBlue;
					}
				}
			}
		}

		.extra-link {
			position: relative;
			background: #ffd024;
			border-radius: 8px;
			padding: 8px 24px;

			max-width: fit-content;
			margin-left: auto;
			margin-right: auto;
			margin-top: 20px;
			text-shadow: none;

			font-size: 14px;
			line-height: 1.42857;
			color: #2a2a2a;
			transition: all 250ms ease-in-out;

			&:hover {
				background: #ffe37c;
			}
		}
	}
}

#widget197464161 {
	section.search-box {
		background: #fff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;

		.background-color-3 {
			background: transparent;
		}

		ul.nav-tabs {
			li {
				background: rgba($cBlue, 0.2);
			}
		}

		.tab-content {
			form {
				.fields-additional-button {
					a.btn {
						border-radius: 3px;
						background: transparent;

						&:hover {
							background: $cYellowLight;
						}

						span {
							color: rgba(99, 99, 99, 1);
							flex-direction: row-reverse;
							justify-content: space-between;
							padding: 3.5px;

							i {
								&.fa-chevron-down {
									&::before {
										content: '\f107';
									}
								}
								&.fa-chevron-up {
									&::before {
										content: '\f106';
									}
								}
								&::before {
									font-weight: var(--fa-style);
									font-family: var(--fa-style-family, 'Font Awesome 6 Pro');
									position: absolute;
									top: calc(50% - 16px);
									right: 0;
									text-align: center;
									width: 32px;
									line-height: 32px;
									font-size: 22px;
									color: rgba(0, 133, 237, 1);
									cursor: pointer;
								}
							}
						}
					}
				}
				.btn.btn-send {
					background: $cYellow;
					border-radius: 8px;
					padding: 8px 24px;

					&:hover {
						background: $cYellowLight;
					}
					span {
						color: $cTxtBlack2;
					}
				}
			}
		}
	}
}

.br-input {
	border-radius: 3px;
	border-color: #d9d9d9;
}

#widget197464171,
#widget197464166 {
	padding-left: 0;
	padding-right: 0;
}

body section.offer-box {
	.offer {
		padding: 0;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
		transition: box-shadow 0.25s ease-in-out;

		&:hover {
			box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px -4px;

			.img-container-wrap {
				.img-container {
					transition: all 4s linear;
				}
			}
		}

		.img-container-wrap {
			.img-container {
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				transition: all 300ms linear;
			}
		}
		.text-container {
			h3 {
				color: $cTxtBlack;

				display: flex;
				flex-direction: column;
				row-gap: 3px;
				margin-bottom: 15px;

				sup.stars {
					top: 0;

					i.fa.fa-star.fa-solid {
						color: $cYellow;
					}
				}
			}

			.box-header {
				* {
					color: $cTxtBlack;
				}
				h4 {
					color: $cTxtBlack;
				}
			}
			.data {
				p {
					.text-nowrap {
						color: $cTxtBlack;

						span {
							color: $cTxtBlack;
						}
					}
				}

				> * {
					display: flex;
					flex-direction: column;
					row-gap: 5px;
				}

				.price {
					span {
						color: rgba($cBlue, 0.8);
						font-size: 28px;
						font-weight: 400;

						sup {
							color: rgba($cBlue, 0.8);
						}
					}
				}
			}
		}
	}
}

body .offerlist-box {
	padding: 0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
	transition: box-shadow 0.25s ease-in-out;

	&:hover {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px -4px;
	}

	.img-container-wrapper {
		.img-container {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
		}
	}

	ul.offers {
		li {
			&:not(:last-child) {
				border-bottom: 1px solid rgb(242, 242, 242);
			}
			&:last-child {
				border-bottom: none;
			}

			&:hover {
				&:not(.link-to-more-offers) {
					a {
						background: #f2f4f7;
					}
				}
			}

			&.link-to-more-offers {
				.more {
					color: $cTxtBlack2;
					font-size: 14px;

					span {
						color: $cTxtBlack2;
						margin-left: 5px;
					}
				}
			}

			a {
				margin: 5px 10px;
				border-radius: 5px;
				transition: all 250ms ease-in-out;

				.name {
					span {
						color: $cTxtBlack2;
						font-size: 16px;
						font-weight: 600;
					}
				}
				.price {
					strong {
						color: rgba($cBlue, 0.8);
						font-size: 18px;
						font-weight: 600;

						sup {
							color: rgba($cBlue, 0.8);
						}
					}
				}
				.omnibus {
					span {
						color: $cTxtBlack;
					}
				}
			}
		}
	}
}

// For product page
.section-header {
	background: $cBlue;
	border-radius: 5px !important;

	h2 {
		font-weight: 300;
	}
}

main#mainCol {
	.object-listing-elem.elem-booking {
		> .elem-details {
			> .elem-name {
				h1 {
					color: $cTxtBlack;
					display: flex;
					flex-direction: column;
					row-gap: 3px;
					margin-bottom: 15px;

					.stars {
						i.fa.fa-star.fa-solid {
							color: $cYellow;
						}
					}
				}
			}

			table.elem-meta {
				tbody {
					tr {
						&:nth-child(even) {
							td {
								&.meta-label {
									border-top-left-radius: 10px;
									border-bottom-left-radius: 10px;
								}
								&.meta-value {
									border-top-right-radius: 10px;
									border-bottom-right-radius: 10px;
								}
							}
						}
						td {
							padding: 8px 10px;
							vertical-align: middle;

							&.meta-label {
							}
							&.meta-value {
							}
						}
					}
				}
			}
		}

		> .merlin-gallery-container {
			.merlin-gallery {
				.btn.br-btn {
					&.disabled {
						background: $cYellowLight;
						opacity: 0.6;
					}

					i {
						font-weight: 300;
					}
				}
			}
		}

		ul.facilities {
			li {
				background: transparent;
				border-radius: 5px;
			}
		}
	}
	section.occupancy-editor {
		form#occupancy-form {
			> div {
				border-radius: 5px;
				background: rgba(0, 133, 237, 0.2);

				.background-color-7 {
					background: $cYellow;
				}
				.text-color-7 {
					color: $cTxtBlack2;
				}
				span {
					border-color: $cYellow;

					&.disabled {
						background: $cYellowLight !important;
					}

					i.fa-plus,
					i.fa-minus {
						color: $cTxtBlack2;
					}
				}
			}
		}
	}
}

section[id='197674051'] {
	.section-content {
		padding-left: 0;
		padding-right: 0;
		margin: 100px 0 50px;

		h2 {
			color: $cTxtBlack2;
			font-size: 24px;
			font-family: $fPoppins;
			font-weight: 700;
			margin: 0 0 20px 0;
		}
	}
}

// .checkbox-stack input[type="checkbox"]:checked + label.last-plan::before{
// }

body .checkbox-stack {
	position: relative !important;
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 16px !important;
	margin-top: 3px !important;
	margin-right: 6px !important;
	inset: 0 !important;

	label.last-plan {
		width: 16px !important;
		height: 16px !important;
		position: absolute;
		inset: 0 !important;

		&::before {
			content: '' !important;
			width: 10px !important;
			height: 10px !important;
			background: transparent !important;
			// border: 1px solid #0085ed !important;
			// background: #0085ed !important;
			background: transparent !important;
			border-radius: 3px !important;
			top: 50% !important;
			left: 50% !important;
			transform: translate(-50%, -50%) !important;
		}
	}
	label.first-plan {
		&::before {
			content: '' !important;
			inset: 0 !important;
			width: 16px !important;
			height: 16px !important;
			background: transparent !important;
			border: 1px solid #0085ed !important;
			border-radius: 4px !important;
		}
	}
	input[type='checkbox'] {
		&:checked {
			+ label.last-plan {
				&::before {
					background: #0085ed !important;
				}
			}
		}
	}
}

body .checkbox-stack2 {
	position: relative !important;
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 16px !important;
	// margin-top: 3px !important;
	margin-right: 6px !important;
	inset: 0 !important;

	label.last-plan {
		width: 16px !important;
		height: 16px !important;
		position: absolute;
		inset: 0 !important;

		&::before {
			content: '' !important;
			width: 10px !important;
			height: 10px !important;
			background: transparent !important;
			// border: 1px solid #0085ed !important;
			// background: #0085ed !important;
			background: transparent !important;
			border-radius: 3px !important;
			top: 50% !important;
			left: 50% !important;
			transform: translate(-50%, -50%) !important;
		}
	}
	label.first-plan {
		&::before {
			content: '' !important;
			inset: 0 !important;
			width: 16px !important;
			height: 16px !important;
			background: transparent !important;
			border: 1px solid #0085ed !important;
			border-radius: 4px !important;
		}
	}
	input[type='checkbox'] {
		&:checked {
			+ label.last-plan {
				&::before {
					background: #0085ed !important;
				}
			}
		}
	}
}

// Zawowienie
#offer-details {
	.object-listing-elem {
		.elem-name {
			h1 {
				color: $cTxtBlack;
				display: flex;
				flex-direction: column;
				row-gap: 3px;
				margin-bottom: 15px;
			}
		}
	}
}

#qtip-1 {
	border-radius: 8px;

	.qtip-titlebar {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;

		#qtip-1-title {
			font-size: 20px;
			font-weight: 300;
		}

		.qtip-close {
			span {
				display: none;
			}
			i {
				top: 0;
				font-size: 20px;
			}
		}
	}

	.qtip-content {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;

		.quick-search-results {
			h1 {
				padding: 15px 15px;

				span {
					display: flex;
					flex-direction: row;
					gap: 10px;
					font-size: 16px;
					line-height: 1;
				}
			}

			.offer {
				padding: 10px 15px;

				&.background-color-18 {
					background: $cYellowLight;
				}
				&.text-color-12 {
					h3 {
						color: $cTxtBlack;
					}
					h4 {
						color: $cTxtBlack2;
					}
				}

				h3 {
					font-weight: 500;
				}
			}
		}
	}
}

section[id='197683748'] {
	margin-top: 50px;
	margin-bottom: 50px;

	.section-content {
		.ubezpieczenia-head-img {
			margin-bottom: 60px;

			img {
				display: block;
				width: 100%;
				max-width: 800px;
				margin-left: auto;
				margin-right: auto;
			}
		}

		h2 {
			color: $cTxtBlack2;
			font-size: 24px;
			font-family: $fPoppins;
			font-weight: 700;
			margin: 0 0 20px 0;
		}

		ul {
			padding: 0;
			margin: 0;
			list-style: none;

			li {
				display: flex;
				flex-direction: row;
				align-items: center;
				column-gap: 20px;

				&:not(:last-child) {
					padding-bottom: 20px;
					margin-bottom: 20px;
					border-bottom: 1px solid #f2f2f2;
				}

				.img {
					img {
						width: 79px;
						height: 70px;
						max-width: unset;
					}
				}
				.content {
					p {
						&:last-child {
							margin-bottom: 0;
						}
					}
				}
			}
		}

		a.btn-block {
			display: block;
			max-width: fit-content;
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
		}
	}
}

div[id='widget197683827'] {
	section.iframe {
		margin-bottom: 50px;
		margin-top: 50px;

		> .section {
			.section-header {
				display: none;
			}
		}
	}
}

div[id='widget197683876'] {
	section.iframe {
		> .section {
			.section-header {
				display: none;
			}
		}
	}
}

div[id='widget197683900'] {
	section.text-widget {
		margin-bottom: 50px;
	}
}

#contact-additional-info {
	a {
		color: $cBlue;
		transition: all 250ms ease-in-out;
		text-decoration: none;

		&:hover {
			color: $cYellow;
		}
	}

	ul {
		padding: 0;
		margin: 0;
		list-style: none;

		li {
			&:not(:last-child) {
				margin-bottom: 5px;
			}
		}
	}
}

#contact-box {
	.section-header {
		.sh-inner {
			&:after {
				display: none !important;
			}
		}
	}
	.section-content {
		display: flex;
		flex-direction: row;

		.c-col-1 {
			width: 100%;
			max-width: 290px;

			img {
				width: 100%;
				max-width: fit-content;
			}
		}
		.c-col-2 {
			padding-left: 30px;

			h3 {
				font-size: 18px;
				margin-top: 0;
				margin-bottom: 20px;
			}
		}

		@media (max-width: 640px) {
			flex-direction: column;
			align-items: center;

			.c-col-1 {
				padding-bottom: 30px;
			}
			.c-col-2 {
				padding-left: 0px;
			}
		}
	}
}

body[data-pageid='5353170'] {
	main#mainCol {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

div[id='widget197684012'] {
	margin-bottom: 50px;

	section.iframe {
		> .section {
			.section-header {
				display: none;
			}
		}
	}
}

section[id='197684074'] {
	margin-top: 50px;
	margin-bottom: 50px;

	.section-content {
		h2 {
			color: $cTxtBlack2;
			font-size: 24px;
			font-family: $fPoppins;
			font-weight: 700;
			margin: 0 0 20px 0;
		}
		h3 {
			color: $cTxtBlack2;
			font-size: 18px;
			font-family: $fPoppins;
			font-weight: 700;
			margin: 0 0 20px 0;

			strong {
				color: $cBlue;
			}
		}
	}
}

div[id='widget197684168'] {
	section.iframe {
		margin-top: 50px;

		> .section {
			.section-header {
				display: none;
			}
		}
	}
}

div#widget197687178 {
	section.iframe {
		> .section {
			.section-header {
				display: none;
			}
		}
	}
}

div {
	&#widget197464262,
	&#widget197464283,
	&#widget197464288,
	&#widget197464305,
	&#widget197464310,
	&#widget197464315 {
		display: none;
	}
}

div#widget197687371 {
	h4 {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 20px;
		margin: 50px 0 20px;

		img {
			width: 100%;
			max-width: 150px;
		}
	}
}

div#widget197464176 {
	.promo-box {
		margin-bottom: 0;
	}
}

div#widget197687138 {
	> section {
		width: 100svw;
		transform: translateX(-50%);
		margin-left: 50%;
	}
	.section-content {
		padding-left: 0;
		padding-right: 0;

		ul {
			display: flex;
			flex-direction: row;

			padding: 0;
			margin: 0;
			list-style: none;

			li {
				position: relative;
				height: 250px;
				flex-basis: 20%;
				overflow: hidden;

				&::before {
					content: '';
					position: absolute;
					inset: 0;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					transition: all 300ms linear;
				}

				&:nth-child(1) {
					&::before {
						background-image: url('https://vcdn.merlinx.eu/image//getbyid/513195');
					}
				}
				&:nth-child(2) {
					&::before {
						background-image: url('https://vcdn.merlinx.eu/image//getbyid/513196');
					}
				}
				&:nth-child(3) {
					&::before {
						background-image: url('https://vcdn.merlinx.eu/image//getbyid/513197');
					}
				}
				&:nth-child(4) {
					&::before {
						background-image: url('https://vcdn.merlinx.eu/image//getbyid/513198');
					}
				}
				&:nth-child(5) {
					&::before {
						background-image: url('https://vcdn.merlinx.eu/image//getbyid/513199');
					}
				}

				&:hover {
					&::before {
						transform: scale(1.2);
						filter: brightness(0.7);
						transition: all 4s linear;
					}
				}

				a {
					display: block;
					position: absolute;
					inset: 0;
					z-index: 10;

					span {
						position: absolute;
						bottom: 0%;
						left: 50%;
						transform: translate(-50%, -50%);
						color: #fff;
						font-family: $fPoppins;
						font-weight: 300;
						font-size: 16px;
						width: 100%;
						text-align: center;
						background: rgba(0, 0, 0, 0.65);
						padding: 10px;
					}
				}
			}
		}
	}
}

div#widget197687470 {
	.section-content {
		.c-row-1 {
			display: flex;
			flex-direction: row;
			gap: 40px;

			.c-col-1 {
				width: 45%;

				img {
					max-width: 500px;
				}
			}
			.c-col-2 {
				width: 55%;
			}

			@media (max-width: 767px) {
				flex-direction: column;

				.c-col-1 {
					width: 100%;
				}
				.c-col-2 {
					width: 100%;
				}
			}
		}

		img {
			display: block;
			margin: 20px auto 30px;
			width: 100%;
			max-width: fit-content;
		}

		.c-box-head {
			min-height: 46px;
			line-height: 31px;
			outline: none;
			padding: 7.5px 15px;
			white-space: nowrap;
			background: #0085ed;
			border-radius: 5px;
			margin-bottom: 20px;

			p {
				color: #fff;
				font-size: 20px;
				font-weight: 300;
				font-family: $fPoppins;
				margin: 0;
			}
		}
		.col-md-4 {
			margin-bottom: 30px;
		}
	}
}
