/* Copper Lantern journey results and destination discovery refinements, 0.20.5. */

.cltvp-destination-types {
	display: flex;
	gap: 14px 24px;
	align-items: center;
	margin: 0 0 30px;
	padding: 15px 0;
	border-block: 1px solid rgba(139,81,44,.24);
}
.cltvp-destination-types > span {
	flex: 0 0 auto;
	color: var(--vp-muted, #697772);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.cltvp-destination-types > div { display: flex; flex-wrap: wrap; gap: 9px; }
.cltvp-destination-types a {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	min-height: 38px;
	padding: 7px 13px;
	color: var(--vp-copper-text, #8b512c) !important;
	background: #fff;
	border: 1px solid rgba(139,81,44,.34);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}
.cltvp-destination-types a:hover,
.cltvp-destination-types a:focus-visible { color: #fff !important; background: var(--vp-copper-text, #8b512c); }
.cltvp-destination-types a:focus-visible { outline: 3px solid #d6a672; outline-offset: 3px; }

.cltvp-filter-disclosure > summary { display: none; }
.cltvp-filter-content { display: contents; }
.cltvp-search[id] { scroll-margin-top: calc(var(--clt-sticky-top,74px) + 20px); }
.cltvp-explorer .cltvp-filter-reset { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: var(--vp-copper-text,#8b512c); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.cltvp-filter-reset:focus-visible { outline: 3px solid #8b512c; outline-offset: 3px; }
.cltvp-search-start .cltvp-search .cltvp-heading { display: block; }
.cltvp-search-start .cltvp-search .cltvp-heading > p { margin-top: 16px; }
.cltvp-search-start .cltvp-intro { grid-template-columns: minmax(0,1fr); margin: 0; }
.cltvp-search-start .cltvp-intro article { min-width: 0; padding: 26px; }
.cltvp-search-start .cltvp-intro h3 { font-family: "Literata CLT",Georgia,serif; }

@media (min-width: 981px) {
	.cltvp-explorer > .cltvp-body.cltvp-search-start { display: grid; grid-template-columns: minmax(320px,.9fr) minmax(0,1.1fr); gap: clamp(40px,6vw,88px); align-items: start; }
	.cltvp-search-start > :not(.cltvp-search) { grid-column: 2; }
	.cltvp-search-start > .cltvp-search { grid-column: 1; grid-row: 1 / span 2; }
	.cltvp-explorer > .cltvp-body.cltvp-has-search-request {
		display: grid;
		grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
		gap: clamp(28px, 4vw, 58px);
		align-items: start;
	}
	.cltvp-has-search-request > .cltvp-search {
		/* A long vertical form follows the page, without a second scroll area. */
		position: static;
		grid-column: 1;
		max-height: none;
		margin: 0;
		padding: 24px;
		overflow: visible;
		background: #efe6da;
		border: 1px solid #d8c5ae;
	}
	.cltvp-has-search-request > :not(.cltvp-search) { grid-column: 2; min-width: 0; }
	.cltvp-has-search-request > .cltvp-cta { grid-column: 1 / -1; }
	.cltvp-has-search-request .cltvp-search .cltvp-heading { display: block; margin-bottom: 22px; }
	.cltvp-has-search-request .cltvp-search .cltvp-heading h2 { font-size: clamp(27px, 2.2vw, 35px); }
	.cltvp-has-search-request .cltvp-search .cltvp-heading > p { margin-top: 12px; font-size: 14px; }
	.cltvp-has-search-request .cltvp-search .cltvp-form { grid-template-columns: 1fr; gap: 15px; padding: 0; background: transparent; border: 0; box-shadow: none; }
	.cltvp-has-search-request .cltvp-search .cltvp-form input,
	.cltvp-has-search-request .cltvp-search .cltvp-form select { min-height: 46px; }
	.cltvp-has-search-request > .cltvp-results { margin: 0; }
	.cltvp-has-search-request > .cltvp-results .cltvp-heading { grid-template-columns: minmax(0, 1fr) minmax(190px, .55fr); gap: 25px; }
	.cltvp-has-search-request .cltvp-search-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cltvp-has-search-request .cltvp-card h3 { font-size: clamp(23px, 2vw, 31px); }
}

@media (min-width: 901px) {
	.cltvp-journey-gallery .cltvp-gallery-track.count-5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.cltvp-journey-gallery .cltvp-gallery-track.count-5 > .cltvp-gallery-item { grid-column: span 2; }
	.cltvp-journey-gallery .cltvp-gallery-track.count-5 > .cltvp-gallery-item:nth-last-child(-n+2) { grid-column: span 3; }
	.cltvp-collection-page .cltvp-collection-featured > .cltvp-shell { width: min(1240px, calc(100% - 64px)); }
}

@media (max-width: 980px) {
	.cltvp-destination-types { display: block; }
	.cltvp-destination-types > span { display: block; margin-bottom: 11px; }
	.cltvp-explorer > .cltvp-body.cltvp-has-search-request { display: block; }
	.cltvp-has-search-request > .cltvp-search { margin-bottom: 34px; }
	.cltvp-filter-disclosure { background: #efe6da; border: 1px solid #d8c5ae; }
	.cltvp-filter-disclosure > summary {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 3px 16px;
		align-items: center;
		padding: 18px 20px;
		color: var(--vp-ink, #15342d);
		cursor: pointer;
		list-style: none;
	}
	.cltvp-filter-disclosure > summary::-webkit-details-marker { display: none; }
	.cltvp-filter-disclosure > summary > span { font: 600 18px/1.25 "Literata CLT",Georgia,serif; }
	.cltvp-filter-disclosure > summary > small { grid-column: 1; color: var(--vp-muted, #697772); font-size: 12px; }
	.cltvp-filter-disclosure > summary > i { grid-column: 2; grid-row: 1 / span 2; width: 11px; height: 11px; border-right: 2px solid #8b512c; border-bottom: 2px solid #8b512c; transform: rotate(45deg); transition: transform .2s ease; }
	.cltvp-filter-disclosure[open] > summary > i { transform: rotate(225deg); }
	.cltvp-filter-content { display: block; padding: 6px 20px 22px; }
	.cltvp-filter-content .cltvp-heading { grid-template-columns: 1fr; gap: 10px; margin-bottom: 22px; }
	.cltvp-filter-content .cltvp-heading h2 { font-size: clamp(28px, 7vw, 38px); }
	.cltvp-filter-content .cltvp-form { grid-template-columns: minmax(0,1fr); padding: 22px; }
	.cltvp-filter-content .cltvp-form .cltvp-button { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
	.cltvp-filter-content .cltvp-form { grid-template-columns: 1fr; padding: 18px; }
	.cltvp-filter-content .cltvp-form .cltvp-button { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.cltvp-filter-disclosure > summary > i { transition: none; }
}