@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');

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

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

$fPoppins: 'Poppins', 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 {
			.mobile-menu-item {
				display: flex;
				align-items: center;
				column-gap: 10px;

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

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

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

			.elem-in-nav {
				span {
					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;
					}
				}
			}
		}
	}
}

#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 {
						color: $cTxtBlack;
					}
				}
			}

			.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;
				}
			}

			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;
		}
	}
}
