/* Reserve hero space before Fotorama init.
   A 16:9 lock on the photo made it shorter than the search card and left a white band. */
body.home #st-content-wrapper .search-form-wrapper.slider {
	min-height: clamp(540px, 72vh, 740px);
}
body.home #st-content-wrapper .st-bg-slider.fotorama,
body.home #st-content-wrapper .fotorama__wrap,
body.home #st-content-wrapper .fotorama__stage {
	width: 100%;
	height: 100%;
	max-height: none;
	aspect-ratio: auto;
	background-color: #1c1917;
}
body.home #st-content-wrapper .st-bg-slider.fotorama img,
body.home #st-content-wrapper .fotorama__img,
body.home #st-content-wrapper .fotorama__stage__frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 40%;
	aspect-ratio: auto;
}
body.home #st-content-wrapper .search-form-wrapper,
body.home #st-content-wrapper .st-search-form-el {
	min-height: 120px;
}

:root {
	--a11y-brand: #9a5200;
	--a11y-on-dark: #ffffff;
	--a11y-coral: #b91c1c;
	--a11y-featured: #0f766e;
	/* Theme tokens — darken brand so inherited link colors pass AA */
	--main-color: #9a5200;
}

/* Dark topbar (#1a2b48): white text */
html body #topbar,
html body #topbar a,
html body #topbar span,
html body #topbar .st-list li,
html body #topbar .dropdown-more,
html body #topbar .dropdown-more span {
	color: #ffffff !important;
}

/* Main nav on light header (Traveler uses #main-menu) */
html body #header #main-menu > li > a,
html body #header #menu-main-menu > li > a,
html body #header .main-menu > li > a,
html body #header .main-menu-wrapper .menu > li > a,
html body #header .menu-item-home > a,
html body #main-menu > li > a,
html body #main-menu > li.menu-item > a,
html body #menu-item-9623 > a {
	color: #9a5200 !important;
}

/* Search form date renders (theme uses !important orange) */
html body .check-in-render,
html body .check-out-render,
html body .render.check-in-render,
html body .render.check-out-render,
html body .form-extra-field .render,
html body #st_location_name_tour,
html body .form-extra-field input {
	color: var(--a11y-brand) !important;
}

html body footer#main-footer h4,
html body #main-footer h4,
html body #main-footer h4[style],
html body a.st-link:not(.st-header-link a) {
	color: var(--a11y-brand) !important;
}

/* Search tabs on dark hero */
html body .nav-tabs > li > a,
html body .nav-tabs > li > a:hover,
html body .nav-tabs > li > a:focus {
	color: #ffffff !important;
	background: transparent !important;
}
html body .nav-tabs > li.active > a,
html body .nav-tabs > li.active > a:hover,
html body .nav-tabs > li.active > a:focus {
	background-color: var(--a11y-brand) !important;
	border-color: var(--a11y-brand) !important;
	color: #ffffff !important;
}

html body .btn-search,
html body button.btn-search,
html body .btn.btn-search {
	background-color: var(--a11y-brand) !important;
	border-color: var(--a11y-brand) !important;
	color: #ffffff !important;
}

/* Host Your Tour CTA: white on dark coral */
html body .st-header-link > a,
html body li.st-header-link > a,
html body #header .st-header-link a {
	background-color: var(--a11y-coral) !important;
	border-color: var(--a11y-coral) !important;
	color: #ffffff !important;
}

html body .feature_class,
html body .feature_class.st_featured,
html body .st_featured.featured,
html body .featured-image .featured {
	background: var(--a11y-featured) !important;
	color: #ffffff !important;
}
html body .feature_class::before,
html body .feature_class::after,
html body .st_featured::before,
html body .st_featured::after {
	border-color: var(--a11y-featured) !important;
}

html body a[href*="/our-story/"] {
	color: #115e59 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

html body .owl-dots .owl-dot {
	min-width: 44px;
	min-height: 44px;
	margin: 0 2px;
	padding: 12px 10px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}
html body .owl-dots .owl-dot span {
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
}
html body .owl-nav button.owl-prev,
html body .owl-nav button.owl-next {
	min-width: 44px;
	min-height: 44px;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 12px 16px;
	background: #0f172a;
	color: #fff;
	text-decoration: none;
}
.skip-link:focus {
	left: 12px;
	top: 12px;
}