@charset "utf-8";

/* FILTERING */
.filtering-item-distance[data-show="0"],
.filtering-item-distance[data-show=""] {
	display: none;
	}

/* NEARBY */
	.filtering-nearby {
		display: grid;
		gap: var(--gap-flow);
		}
	.filtering-nearby-items {
		container-type: inline-size;
		}
	@media (min-width: 60em) {
		.filtering-nearby {
			grid-template-columns: 1fr 1fr;
			}
		.filtering-nearby-map > .filtering-map {
			height: 100%;
			max-height: none;
			}
	}

/* ITEMS */
	.filtering-container {
		container-type: inline-size;
		}
	.filteringbar + .filtering-items,
	.filtering-map ~ .filtering-items {
		margin-top: var(--margin-gap);
		}
	.filtering-items {
		display: flex;
		gap: var(--gap);
		flex-wrap: wrap;
		justify-content: start;
		}
	.filtering-layout-taxonomy .filtering-items {
		margin-top: var(--margin-gap);
		}
	.filtering-items.boxed-no {
		margin-block: var(--margin-block);
		}
	@container (min-width: 40rem) {
		.filtering-items {
			--columns: 2;
			}
	}
	@container (min-width: 70rem) {
		.filtering-items {
			--columns: 3;
			}
	}
	@container (min-width: 100rem) {
		.filtering-items {
			--columns: 4;
			}
	}
	.filtering-items.align-left {
		--columns: 1;
		}
	.filtering-item {
		background-color: var(--background-light);
		border: 1px solid var(--background-trim);
		border-radius: 0.3rem;
		color: var(--color-text);
		display: grid;
		gap: var(--space-5);
		grid-template-columns: 6rem 1fr min-content;
		overflow: hidden;
		text-align: left;
		}
	.filtering-items.align-left .filtering-item.filtering-item-image-yes {
		grid-template-columns: 6rem 1fr min-content;
		}
	.filtering-item-level-10 {
		opacity: 0.75;
		}
	.filtering-item-level-10:hover,
	.filtering-item-level-10:focus-visible {
		opacity: 1;
		}
	.filtering-item.filtering-item-image-no {
		grid-template-columns: 1fr min-content;
		}
	a.filtering-item:hover {
		color: var(--color-link);
		}
	.filtering-item.d,
	.filtering-item.h {
		display: none;
		}
	.filtering-item-image > .lists-experiences-img {
		height: 100%;
		object-fit: cover;
		}
	.filtering-item.filtering-item-image-no .filtering-item-image {
		display: none;
		}
	.filtering-item-details {
		padding: var(--space-10);
		}
	.filtering-item-title {
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-bold);
		line-height: var(--line-height-none);
		position: relative;
		}
	.filtering-item-level-30 .filtering-item-title {
		color: var(--color-header);
		transition: color var(--animation-duration) var(--animation-easing);
		}
	.filtering-item-num {
		background-color: var(--color-accent);
		border-radius: 100%;
		color: var(--color-accent-text);
		font-size: 1.4rem;
		font-weight: 700;
		height: 2.4rem;
		left: -1.2rem;
		line-height: 2.4rem;
		position: absolute;
		text-align: center;
		top: 0.8rem;
		width: 2.4rem;
		}
	.filtering-item-info {
		font-size: var(--font-size-xs);
		line-height: var(--line-height-snug);
		margin-top: var(--space-5);
		}
	.filtering-item-info > p + p {
		padding-top: var(--space-5);
		}
	.filtering-item-info > p em {
		color: var(--color-stress);
		transition: color var(--animation-duration) var(--animation-easing);
		}
	.filtering-item-more {
		align-items: center;
		background-color: var(--background-trim);
		display: flex;
		font-size: var(--font-size-micro);
		padding: var(--space-5);
		transition: color var(--animation-duration) var(--animation-easing);
		transition-property: background, color;
		}
	@media (hover: hover) {
		a.filtering-item:hover .filtering-item-title,
		a.filtering-item:hover .filtering-item-info > p em {
			color: var(--color-link);
			}
		a.filtering-item:hover .filtering-item-more {
			background-color: var(--color-link);
			color: var(--color-reverse);
			}
	}

/* HIGHLIGHT */
	.filtering-item.filtering-item-status-20 {
		border-color: var(--color-button);
		}
	.filtering-item.filtering-item-status-20 .filtering-item-title {
		background-color: var(--color-button);
		border-color: var(--color-button);
		color: var(--color-accent-text);
		}
	.filtering-item.filtering-item-status-20 .filtering-item-title > a {
		color: var(--color-button-text);
		}
	.filtering-item.filtering-item-status-20 .filtering-item-title > a:hover,
	.filtering-item.filtering-item-status-20 .filtering-item-title > a:focus {
		color: var(--color-accent-text);
		}
	.filtering-item.filtering-item-status-20 .filtering-item-num {
		background-color: var(--hue-color);
		color: var(--hue-color-text);
		}

/* CATEGORIES */
	.filtering-locations {
		display: flex;
		flex-wrap: wrap;
  		justify-content: center;
		margin: 2.4rem -1.2rem;
		text-align: center;
		}
	.filtering-locations-item {
		border: 0.1rem solid var(--background-borders);
		border-radius: var(--radius);
		color: var(--color-text);
		flex: 0 0 calc((100%/2) - 2.4rem);
		margin: 1.2rem;
		padding: 1.4rem;
		}
	.filtering-locations-item:hover,
	.filtering-locations-item:focus {
		border-color: var(--color-link);
		color: var(--color-link);
		}
	.filtering-locations-item > strong,
	.filtering-locations-item > span {
		display: block;
		}
	.filtering-locations-item > strong {
		font-size: 1.8rem;
		}
	.filtering-locations-item > span {
		font-size: 1.3rem;
		margin-top: 0.5rem;
		opacity: 0.75;
		}
	@media (min-width: 40em) {
		.filtering-locations-item {
			flex: 0 0 calc((100%/3) - 2.4rem);
			}
	}
	@media (min-width: 60em) {
		.filtering-locations-item {
			flex: 0 0 calc((100%/4) - 2.4rem);
			}
	}
	@media (min-width: 80em) {
		x.filtering-locations-item {
			flex: 0 0 calc((100%/5) - 2.4rem);
			}
	}