.elementor-widget-jet-listing-grid {
	/* L O C A T I O N */
	&.listing-explore {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				overflow: hidden;
				width: 100%;
				max-width: 201px;

				@media (max-width: 1435px) {
					max-width: 16.35vw;
				}

				@media (max-width: 1024px) {
					max-width: 24.3vw;
				}

				@media (max-width: 767px) {
					max-width: 47.3vw;
				}

				.elementor-widget-image {
					border-radius: 25px;
					overflow: hidden;
					border-radius: 18px;

					img {
						width: 100%;
						aspect-ratio: 1;
						object-position: center;
						object-fit: cover;
						transform: scale(1.2);
						transition: all 0.3s;

						&:hover {
							transform: scale(1);
						}
					}
				}
			}

			.slick-arrow {
				top: -23px !important;
				width: 32px;
				height: 32px;
				background-color: transparent;
				color: var(--black);
				z-index: 1;

				&.prev-arrow {
					left: inherit !important;
					right: 50px !important;
				}

				&.next-arrow {
					right: 10px !important;
				}
			}
		}
	}

	/* P A R T N E R S H I P */
	&.listing-partnership {
		.jet-listing-grid__slider {
			.jet-listing-grid__items {
				padding: 0 50px !important;

				.slick-list {
					overflow: hidden;
					padding: 0 !important;

					.slick-track {
						display: flex;
						gap: 30px;

						@media (max-width: 767px) {
							gap: 0;
						}

						.jet-listing-grid__item {
							.elementor-widget-image {
								border-radius: 12px;
								overflow: hidden;

								img {
									min-width: 120px;
									max-width: 120px;
									aspect-ratio: 1;
									object-position: center;
									object-fit: cover;

									@media (max-width: 767px) {
										width: 100%;
									}
								}
							}
						}
					}
				}

				.jet-listing-grid__slider-icon {
					background-color: transparent;

					svg {
						display: none;
					}

					&.prev-arrow {
						&:before {
							content: "";
							background-image: url(/wp-content/uploads/2026/01/chevron-left.svg);
							background-repeat: no-repeat;
							background-size: contain;
							width: 28px;
							height: 28px;
						}
					}

					&.next-arrow {
						transform: none;

						&:before {
							content: "";
							background-image: url(/wp-content/uploads/2026/01/chevron-right.svg);
							background-repeat: no-repeat;
							background-size: contain;
							width: 28px;
							height: 28px;
						}
					}
				}
			}
		}
	}

	&.listing-partnerships {
		.jet-listing-grid {
			.jet-listing-grid__items {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: center;

				.jet-listing-grid__item {
					.elementor-widget-button {
						.elementor-button {
							margin-bottom: 10px;

							&:hover {
								color: var(--gold-primary) !important;
							}
						}
					}
				}
			}
		}
	}

	/* E V E N T */
	&.listing-event {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.e-parent {
					border-radius: 18px;

					.elementor-widget-image {
						border-radius: 18px;
						overflow: hidden;

						img {
							width: 100%;
							aspect-ratio: 16/11;
							object-position: center;
							object-fit: cover;
						}
					}

					.start-date {
						.jet-listing-dynamic-field__inline-wrap {
							.jet-listing-dynamic-field__content {
								display: flex;
								align-items: center;

								&:before {
									content: url(/wp-content/uploads/2026/01/calendar-icon.svg);
									display: inline-block;
									width: 34px;
									height: 34px;
									margin-right: 10px;
								}
							}
						}
					}

					.location {
						.elementor-widget-container {
							.jet-listing-dynamic-terms {
								.jet-listing-dynamic-terms__link {
									display: flex;
									align-items: center;

									&:before {
										content: url(/wp-content/uploads/2026/01/location-icon.svg);
										display: inline-block;
										width: 34px;
										height: 34px;
										margin-right: 10px;
									}
								}
							}
						}
					}

					.elementor-widget-button {
						.elementor-button {
							min-width: 160px;
						}
					}
				}
			}
		}
	}

	&.listing-events-landing {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.e-parent {
					border-radius: 24px;

					.elementor-widget-image {
						border-radius: 12px;
						overflow: hidden;

						img {
							width: 100%;
							aspect-ratio: 16/11;
							object-position: center;
							object-fit: cover;
						}
					}

					.start-date {
						.jet-listing-dynamic-field__inline-wrap {
							.jet-listing-dynamic-field__content {
								display: flex;
								align-items: center;

								&:before {
									content: url(/wp-content/uploads/2026/01/calendar-icon.svg);
									display: inline-block;
									width: 34px;
									height: 34px;
									margin-right: 10px;
								}
							}
						}
					}

					.location {
						.jet-listing-dynamic-terms {
							.jet-listing-dynamic-terms__link {
								display: flex;
								align-items: center;

								&:before {
									content: url(/wp-content/uploads/2026/01/location-icon.svg);
									display: inline-block;
									width: 34px;
									height: 34px;
									margin-right: 10px;
								}
							}
						}
					}

					.elementor-widget-button {
						.elementor-button {
							min-width: 160px;
						}
					}
				}
			}
		}
	}

	&.listing-upcoming-events {
		.jet-listing-grid__items {
			overflow-x: hidden;
			overflow-y: scroll;
			height: 500px;

			&::-webkit-scrollbar {
				width: 8px;
			}

			&::-webkit-scrollbar-track {
				background: #f4f1ec;
				border-radius: 10px;
			}

			&::-webkit-scrollbar-thumb {
				background: #cadce5;
				border-radius: 10px;
			}

			.jet-listing-grid__item {
				&:not(:last-child) {
					border-bottom: 1px solid var(--black);
				}

				.e-parent {
					.e-con-inner {
						.event-date-wrapper {
							width: 100%;
							max-width: 120px;

							.elementor-widget-jet-listing-dynamic-field {
								.jet-listing-dynamic-field {
									.jet-listing-dynamic-field__inline-wrap {
										.jet-listing-dynamic-field__content {
											display: flex;
											flex-direction: column;
											align-items: center;
											color: var(--gold-border);
											font-size: 24px;
											line-height: 1.2em;

											b {
												font-size: 72px;
												font-weight: 700;
												line-height: 1.2em;
												letter-spacing: -0.03em;
											}
										}
									}
								}
							}
						}

						.event-content-wrapper {
							.start-date {
								.jet-listing-dynamic-field__inline-wrap {
									.jet-listing-dynamic-field__content {
										display: flex;
										align-items: center;
										color: #11111150;

										&:before {
											content: url(/wp-content/uploads/2026/01/calendar-icon.svg);
											display: inline-block;
											width: 34px;
											height: 34px;
											margin-right: 10px;
										}
									}
								}
							}

							.end-date {
								.jet-listing-dynamic-field__inline-wrap {
									.jet-listing-dynamic-field__content {
										color: #11111150;
									}
								}
							}

							.location {
								.jet-listing-dynamic-terms {
									.jet-listing-dynamic-terms__link {
										display: flex;
										align-items: center;
										color: #11111150;

										&:before {
											content: url(/wp-content/uploads/2026/01/location-icon.svg);
											display: inline-block;
											width: 34px;
											height: 34px;
											margin-right: 10px;
										}
									}
								}
							}

							.description {
								color: #11111150;
							}
						}

						.add-calendar-wrapper {
							width: 100%;
							max-width: 120px;
							align-items: center;
							justify-content: center;

							@media (max-width: 767px) {
								max-width: 100%;
							}

							.elementor-shortcode {
								background-color: #855800;
								padding: 12px 8px;
								border-radius: 16px;
							}

							a {
								display: flex;
								flex-direction: column;
								align-items: center;
								justify-content: center;
								font-size: 12px;
								font-weight: 700;
								line-height: 1.2em;
								text-align: center;
								color: var(--white);

								@media (max-width: 767px) {
									font-weight: 500;
								}

								&:before {
									content: "";
									width: 25px;
									height: 25px;
									display: block;
									background-image: url(/wp-content/uploads/2026/01/icon-add-to-calendar.svg);
									background-size: contain;
									background-repeat: no-repeat;
									margin-bottom: 12px;
								}
							}
						}
					}
				}
			}
		}
	}

	&.listing-brca-event {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.e-parent {
					.e-con-inner {
						.start-date {
							.jet-listing-dynamic-field__inline-wrap {
								.jet-listing-dynamic-field__content {
									display: flex;
									align-items: center;

									&:before {
										content: url(/wp-content/uploads/2026/01/calendar-icon.svg);
										display: inline-block;
										width: 34px;
										height: 34px;
										margin-right: 10px;
									}
								}
							}
						}

						.location {
							.jet-listing-dynamic-terms {
								.jet-listing-dynamic-terms__link {
									display: flex;
									align-items: center;

									&:before {
										content: url(/wp-content/uploads/2026/01/location-icon.svg);
										display: inline-block;
										width: 34px;
										height: 34px;
										margin-right: 10px;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	&.listing-stories {
		.jet-listing-grid__items {
			.e-parent {
				border-radius: 18px;

				.jet-listing-grid__item {
					.elementor-widget-image {
						border-radius: 12px;
						overflow: hidden;

						img {
							width: 100%;
							aspect-ratio: 16/9;
							object-position: center;
							object-fit: cover;
						}
					}
				}
			}
		}
	}

	&.listing-reviews {
		overflow-x: hidden;
		overflow-y: scroll;
		height: 600px;
		scrollbar-color: red;

		&::-webkit-scrollbar {
			width: 8px;
		}

		&::-webkit-scrollbar-track {
			background: #f4f1ec;
			border-radius: 10px;
		}

		&::-webkit-scrollbar-thumb {
			background: #cadce5;
			border-radius: 10px;
		}

		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.profile-wrapper {
				}

				.rating-wrapper {
					.rating-stars {
						display: flex;
						flex-direction: row;
						align-items: center;
						gap: 12px;
					}
				}

				.review-wrapper {
				}
			}
		}
	}

	&.listing-recommendation {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.e-con.e-child {
					overflow: hidden;
					border-radius: 12px;

					.elementor-widget-image {
						img {
							aspect-ratio: 16/11;
							width: 100%;
							object-fit: cover;
							object-position: center;
						}
					}
				}
			}

			.jet-listing-grid__slider-icon {
				top: -38px;
				background: none;
				color: var(--black);

				svg {
					width: 28px;
					height: 28px;
				}

				&.next-arrow {
					right: 0;
				}

				&.prev-arrow {
					right: 60px;
					left: inherit;
				}
			}
		}
	}

	&.listing-restaurants {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.e-con-inner {
					overflow: hidden;
					border-radius: 12px;

					.elementor-widget-image {
						img {
							aspect-ratio: 16/11;
							width: 100%;
							object-fit: cover;
							object-position: center;
						}
					}

					.cuisine {
						.jet-listing-dynamic-terms {
							display: flex;
							flex-direction: row;
							flex-wrap: wrap;
							gap: 8px;
							margin-top: 10px;

							.jet-listing-dynamic-terms__link {
								background-color: var(--gold-light);
								padding: 6px 16px;
								border-radius: 50px;
							}
						}
					}

					.elementor-widget-button {
						.elementor-button {
							background-color: var(--gold-primary);
						}
					}
				}
			}

			&.jet-listing-not-found {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				padding: 60px;
				background-color: var(--white);
				border-radius: 18px;

				span {
					font-size: 32px;
					font-weight: 700;
					margin-bottom: 10px;
					line-height: 1.3em;
				}
			}
		}
	}

	&.listing-member {
		.jet-listing-grid__items {
			.jet-listing-grid__item {
				.e-con-inner {
					overflow: hidden;
					border-radius: 12px;

					.elementor-widget-image {
						img {
							aspect-ratio: 16/11;
							width: 100%;
							object-fit: cover;
							object-position: center;
						}
					}

					.cuisine {
						.jet-listing-dynamic-terms {
							display: flex;
							flex-direction: row;
							flex-wrap: wrap;
							gap: 10px;
							.jet-listing-dynamic-terms__link {
								background-color: var(--gold-light);
								padding: 6px 16px;
								border-radius: 50px;
							}
						}
					}

					.elementor-widget-button {
						.elementor-button {
							background-color: var(--gold-primary);
						}
					}

					.description {
						display: none;
					}
				}
			}
		}
	}
}

/* P A G I N A T I O N */
.elementor-widget-jet-smart-filters-pagination {
	.jet-smart-filters-pagination {
		.jet-filters-pagination {
			.jet-filters-pagination__item {
				font-size: 20px;
				color: #1e1e1e;
				padding: 8px 16px;
				border-radius: 8px;

				.jet-filters-pagination__link {
					padding: 0;
				}

				&.jet-filters-pagination__current {
					background-color: var(--gold-primary);
				}

				&.prev-next {
					width: 24px;
					height: 24px;
					background-repeat: no-repeat;
					background-size: contain;
				}

				&.next {
					background-image: url(/wp-content/uploads/2026/01/chevron-right.svg);
				}

				&.prev {
					background-image: url(/wp-content/uploads/2026/01/chevron-left.svg);
				}
			}
		}
	}
}

.event-filter-section {
	.event-filter-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
		justify-content: center;
		gap: 24px;

		@media (max-width: 1024px) {
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
		}

		.event-filter-item {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			width: 100%;
			max-width: 420px;

			@media (max-width: 1024px) {
				align-items: center;
				justify-content: flex-start;
			}

			@media (max-width: 767px) {
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 10px;
			}

			.label {
				margin-right: 12px;
				font-size: 24px;
				font-weight: 700;

				@media screen and (max-width: 1024px) {
					width: 160px;
				}

				@media (max-width: 767px) {
					font-size: 20px;
					font-weight: 500;
				}
			}

			.event-filter-item__label {
				width: 100%;
				max-width: 260px;
				position: relative;
				cursor: pointer;
				font-size: 24px;
				background-color: #e7eef1;
				padding: 10px 16px;
				border: none;
				border-radius: 10px;

				@media (max-width: 767px) {
					max-width: 100%;
				}

				.event-filter-item__selected {
					width: 100%;

					&:after {
						content: "";
						background-image: url(/wp-content/uploads/2026/01/chevron-icon.svg);
						background-size: contain;
						background-repeat: no-repeat;
						width: 20px;
						height: 10px;
						position: absolute;
						top: 18px;
						right: 20px;
						border: none !important;
						transition: all 0.5s;
					}
				}

				.event-filter-item__options {
					width: 100%;
					display: none;
					position: absolute;
					top: 35px;
					left: 0;
					z-index: 9;
					background-color: #e7eef1;
					padding: 10px 16px 16px 16px;
					margin: 0;
					border-radius: 10px;

					.option-item {
						position: relative;
						padding: 4px 12px 4px 24px;

						&:before {
							display: block;
							position: absolute;
							top: 8px;
							left: 0;
							content: "";
							width: 16px;
							height: 16px;
							border: 1px solid var(--black);
							border-radius: 999px;
						}

						&:after {
							content: "";
							display: block;
							width: 10px;
							height: 10px;
							position: absolute;
							top: 11px;
							left: 3px;
							opacity: 0;
						}
					}
				}

				&.open {
					.event-filter-item__selected {
						&:after {
							transform: rotate(180deg);
						}
					}

					.event-filter-item__options {
						display: block;

						.option-item {
							&.selected {
								&:after {
									opacity: 1;
									background-color: var(--black);
									border-radius: 999px;
								}
							}
						}
					}
				}
			}
		}
	}

	.listing-events {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 20px;
		margin-top: 60px;

		.event-item {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 100%;
			max-width: calc(calc(100% / 4) - 15px);
			background-color: #fff;
			padding: 10px;
			border-radius: 24px;
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);

			@media (max-width: 1024px) {
				max-width: calc(calc(100% / 2) - 10px);
			}

			@media (max-width: 767px) {
				max-width: 100%;
			}

			.event-item__body {
				display: flex;
				flex-direction: column;
				gap: 12px;

				.event-image {
					border-radius: 12px;
					aspect-ratio: 16/11;
					width: 100%;
					object-fit: cover;
					object-position: center;
				}

				h3 {
					font-size: 24px;
					font-weight: 500;

					@media (max-width: 1024px) {
						margin-bottom: 10px;
					}
				}
			}

			.event-item__content {
				display: flex;
				flex-direction: column;
				gap: 16px;
				font-size: 16px;

				.event-item__details {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
					align-items: flex-start;
					justify-content: flex-start;
					gap: 6px;

					@media (max-width: 1144px) and (min-width: 1025px) {
						flex-direction: column;
						align-items: flex-start;
						justify-content: flex-start;
					}

					.event-date {
						&:before {
							content: "";
							display: inline-block;
							background-image: url(/wp-content/uploads/2026/01/calendar-icon.svg);
							background-repeat: no-repeat;
							background-size: cover;
							width: 24px;
							height: 24px;
							margin-right: 10px;
						}
					}

					.event-location {
						&:before {
							content: "";
							display: inline-block;
							background-image: url(/wp-content/uploads/2026/01/location-icon.svg);
							background-repeat: no-repeat;
							background-size: cover;
							width: 24px;
							height: 24px;
							margin-right: 10px;
						}
					}
				}

				.event-description {
					font-size: 16px;
				}

				a {
					margin-bottom: 10px;
					font-weight: 500;

					&:hover {
						color: var(--gold-border) !important;
					}
				}
			}
		}
	}
}

.awards-section {
	.awards-filter {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-bottom: 30px;

		.label {
			cursor: pointer;
			font-size: 24px;
			padding: 0 24px;

			&[aria-checked="true"] {
				font-weight: 700;
			}

			&:not(:first-child) {
				border-left: 4px solid var(--black);
			}

			input {
				display: none;
			}
		}
	}

	.award-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 30px;

		.award-item {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-items: center;
			justify-content: flex-start;
			gap: 20px;
			width: 100%;
			max-width: calc(calc(100% / 3) - 20px);
			padding: 40px;
			background-color: var(--brown-dark);
			border-radius: 18px;
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
			transition: all 0.3s;

			@media (max-width: 1024px) {
				padding: 20px;
			}

			@media (max-width: 767px) {
				max-width: 100%;
				font-size: 16px;
			}

			&:hover {
				background-color: var(--gold-border);
				transition: all 0.3s;
			}

			img {
				width: 100%;
				max-width: 180px;
			}

			span {
				color: var(--white);
				font-size: 20px;
				font-weight: 500;
				line-height: 1.3em;
			}
		}
	}
}
