/**
 * Chauffeur booking UI - shared foundation.
 *
 * Rules with no .chbs-widget / :not(.chbs-widget) qualifier - i.e. anything
 * that isn't specific to either the homepage search widget or the full
 * /reservations/ flow, so it applies to both. Split out of the old
 * chauffeur-luxury-main.css on 2026-07-26 (see booking-widget.css and
 * reservation-flow.css for the other two pieces); split was verified
 * lossless (every declaration accounted for) before deploying.
 *
 * @package Versatours
 * @author Yiannis Makrakis Digital Services
 */

/* elementor fix */

.elementor-widget-text-editor p {
	margin: 0; margin-bottom: 0.6rem;
}

body.theme-versatours .site-header {
	display: none;
}

body.theme-versatours .site-footer {
	border: 0;
	padding: 28px 0;
	text-align: center;
}

body.theme-versatours .entry-content--full {
	width: 100%;
}

body.theme-versatours .chbs-main,
body.theme-versatours .chbs-main * {
	box-sizing: border-box;
}

body.theme-versatours .chbs-main {
	width: min(100% - 32px, 900px) !important;
	margin: 0 auto !important;
	color: var(--vt-booking-ink);
	font-family: var(--vt-font-sans);
	font-size: 15px;
}

/* Field-validation error tips are appended inside this form and positioned
   by qtip relative to its nearest positioned ancestor. Without this, the
   form has no positioning context of its own, so the tip's coordinates
   (meant to sit just above the invalid field's label) resolve against a
   distant ancestor instead and render far from the field. */

body.theme-versatours .chbs-main form[name="chbs-form"] {
	position: relative;
}

body.theme-versatours .chbs-main a {
	text-decoration: none;
}

body.theme-versatours .chbs-main .chbs-button,
body.theme-versatours .chbs-main a.chbs-button,
body.theme-versatours .chbs-main a.chbs-button-widget-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	border: 1px solid var(--vt-booking-accent) !important;
	border-radius: 999px !important;
	background: var(--vt-booking-accent) !important;
	color: #fff !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	padding: 16px 32px !important;
	text-transform: none !important;
	box-shadow: 0 8px 0 rgba(199, 75, 0, .22);
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.theme-versatours .chbs-main .chbs-button:hover,
body.theme-versatours .chbs-main a.chbs-button:hover,
body.theme-versatours .chbs-main a.chbs-button-widget-submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 0 rgba(199, 75, 0, .22);
}

body.theme-versatours .chbs-main .chbs-button-style-2,
body.theme-versatours .chbs-main .chbs-button-step-prev {
	background: #fff !important;
	color: var(--vt-booking-blue) !important;
	border-color: var(--vt-booking-blue) !important;
	box-shadow: none;
}

/* Superseded by the boxed input style in the "Versatours Booking UI System v2"
   layer further down (bordered box, .875rem 3.125rem .875rem 1rem padding),
   which also matches the design-system reference's booking-widget field
   examples. This early "underline" input style (transparent bg, no left
   padding, 21px text) was left competing with it on the exact same
   selector, which is what produced visibly inconsistent field padding. */

body.theme-versatours .chbs-main label,
body.theme-versatours .chbs-main .chbs-form-label-group {
	display: block;
	margin: 0 0 6px !important;
	color: var(--vt-booking-ink) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	background: transparent;
	padding: 14px 0;
}

body.theme-versatours .chbs-main .chbs-form-label-group {font-size: 18px !important;}

body.theme-versatours .chbs-main .chbs-form-field {
	position: relative;
	margin: 0 0 28px !important;
	padding: 0 !important;
	border: 0 !important;
}

body.theme-versatours .chbs-main .chbs-form-field::after {
	position: absolute;
	right: 14px;
	bottom: 13px;
	color: var(--vt-booking-accent);
	font-size: 24px;
	line-height: 1;
	pointer-events: none;
}

body.theme-versatours .chbs-main .chbs-form-field-pickup-location::after {
	content: "↧";
}

body.theme-versatours .chbs-main .chbs-form-field-dropoff-location::after {
	content: "↥";
}

/*
 * Greek address support for the pickup / drop-off fields only.
 *
 * The brand face (via --vt-font-family, which resolves to Elementor's global
 * text font) has no Greek glyphs. The browser therefore falls back per
 * character, so a Greek address renders in a mix of two typefaces - the
 * digits and Latin characters in the brand font, the Greek letters in
 * whatever the browser picks. "ΠΕΟ Κισσάμου Χανίων 158" shows this clearly.
 *
 * These two inputs are the only place a user sees arbitrary Greek text in the
 * booking form: everything else is site copy that is authored in Latin or
 * translated. So the override is deliberately scoped to them rather than
 * applied form-wide, which would drop the brand typography everywhere for the
 * sake of two fields.
 *
 * The stack leads with the platform UI font (Greek-complete on macOS, iOS,
 * Windows and Android) and ends on Arial, which is Greek-complete
 * effectively everywhere. Unscoped from .vt-ui-v2 on purpose so the same fix
 * applies to the homepage widget's copies of these fields.
 *
 * .pac-item is Google Places' own suggestion dropdown - it renders the same
 * addresses and is appended to <body>, outside .chbs-main, so it needs
 * naming separately or the list would still show the mixed-font version of
 * the text being typed into the fixed input.
 *
 * Two competitors had to be outranked, both !important, so specificity is
 * doing real work here and must not be trimmed:
 *
 *   1. `body.theme-versatours .chbs-main input[type="text"]` further down
 *      this file (~line 1774) - (0,3,2), and later in the file, so it would
 *      win a same-specificity tie on source order.
 *   2. `body.theme-versatours .chbs-main:not(.chbs-widget).vt-ui-v2 input`
 *      in reservation-flow.css (~line 78), which sets `font-family: inherit`
 *      - (0,4,2). reservation-flow.css is enqueued AFTER this file (see
 *      versatours_chauffeur_luxury_stylesheet_files()), so it also wins any
 *      tie. This is what defeated the first version of this fix: the Google
 *      dropdown corrected itself while the input stayed broken, because
 *      .pac-container sits outside .chbs-main and had no competitor.
 *
 * Repeating .theme-versatours and pinning [type="text"] takes this to
 * (0,5,2), which beats both outright rather than depending on file order.
 * The location fields are input[type="text"] - confirmed in
 * jquery.chauffeurBookingForm.js, which reads them as
 * .chbs-form-field-location-autocomplete > input[type="text"].
 */
body.theme-versatours.theme-versatours .chbs-main .chbs-form-field-location-autocomplete input[type="text"],
body.theme-versatours.theme-versatours .chbs-main .chbs-form-field-pickup-location input[type="text"],
body.theme-versatours.theme-versatours .chbs-main .chbs-form-field-dropoff-location input[type="text"],
.pac-container .pac-item,
.pac-container .pac-item-query {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

body.theme-versatours .chbs-main .chbs-form-field:has(input[name*="pickup_date"])::after,
body.theme-versatours .chbs-main .chbs-form-field:has(input[name*="return_date"])::after {
	content: "";
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3V6M17 3V6M4.5 9H19.5M6 5H18C19.1046 5 20 5.89543 20 7V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V7C4 5.89543 4.89543 5 6 5Z' stroke='%23163A40' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.theme-versatours .chbs-main .chbs-form-field:has(input[name*="pickup_time"])::after,
body.theme-versatours .chbs-main .chbs-form-field:has(input[name*="return_time"])::after {
	content: "◷";
}

body.theme-versatours .chbs-main .chbs-form-field:has(select[name*="passenger_adult"])::after {
	content: "";
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23163A40' stroke-width='1.8'/%3E%3Cpath d='M5 20C5.8 16.8 8.3 15 12 15C15.7 15 18.2 16.8 19 20' stroke='%23163A40' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Homepage starter form */

body.home.theme-versatours .site-main {
	padding: 44px 0;
}

body.theme-versatours .chbs-main-navigation-default {
	margin: 0 auto 44px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-main .chbs-main-navigation-default>ul>li>div { display: none;}

body.theme-versatours .chbs-main-navigation-default > ul {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start !important;
	gap: 26px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
}

body.theme-versatours .chbs-main-navigation-default li {
	position: relative;
	display: flex !important;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	width: 100% !important;
	min-height: 88px;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #c6c6c6;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-align: center;
}

body.theme-versatours .chbs-main-navigation-default li > * {
	order: 1;
}

body.theme-versatours .chbs-main-navigation-default li::before {
	content: "✓";
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #d0d0d0;
	color: #fff;
	font-size: 22px;
	font-weight: 900;
}

body.theme-versatours .chbs-main-navigation-default li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 52px;
	left: calc(50% + 34px);
	width: calc(100% - 42px);
	height: 4px;
	border-radius: 999px;
	background: transparent;
}

body.theme-versatours .chbs-main-navigation-default li.chbs-state-selected,
body.theme-versatours .chbs-main-navigation-default li.chbs-state-completed {
	color: var(--vt-booking-ink);
}

body.theme-versatours .chbs-main-navigation-default li.chbs-state-selected::before,
body.theme-versatours .chbs-main-navigation-default li.chbs-state-completed::before {
	background: var(--vt-booking-accent);
}

body.theme-versatours .chbs-main-navigation-default li.chbs-state-completed::after,
body.theme-versatours .chbs-main-navigation-default li.chbs-state-selected::after {
	background: var(--vt-booking-accent);
}

body.theme-versatours .chbs-main-navigation-default li > a,
body.theme-versatours .chbs-main-navigation-default li > span {
	color: inherit !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	background-image: none !important;
	text-decoration: none !important;
}

body.theme-versatours .chbs-main-navigation-default li > a::before,
body.theme-versatours .chbs-main-navigation-default li > a::after,
body.theme-versatours .chbs-main-navigation-default li > span::before,
body.theme-versatours .chbs-main-navigation-default li > span::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-main-content > div::before,
body.theme-versatours .chbs-main-content-step-1::before,
body.theme-versatours .chbs-main-content-step-2::before,
body.theme-versatours .chbs-main-content-step-3::before {
	display: block;
	margin: 0 0 30px;
	color: var(--vt-booking-accent);
	font-size: clamp(30px, 4vw, 40px);
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
}

body.theme-versatours .chbs-main-content-step-1::before {
	content: "Ride Details";
}

body.theme-versatours .chbs-main-content-step-2::before {
	content: "Choose A Vehicle";
}

body.theme-versatours .chbs-main-content-step-3::before {
	content: "Contact Details";
}

body.theme-versatours .chbs-main-content-step-1 .chbs-tab {
	box-shadow: none !important;
}

body.theme-versatours .chbs-main-content-step-1 .chbs-layout-33x33x33,
body.theme-versatours .chbs-main-content-step-1 .chbs-layout-50x50,
body.theme-versatours .chbs-main-content-step-1 .chbs-layout-100 {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
}

body.theme-versatours .chbs-main-content-step-1 .chbs-form-field-location-autocomplete,
body.theme-versatours .chbs-main-content-step-1 .chbs-form-field-transfer-type,
body.theme-versatours .chbs-main-content-step-1 .chbs-form-field:has(select[name*="passenger_adult"]) {
	grid-column: span 1;
}

body.theme-versatours .chbs-main-content-step-1 .chbs-google-map {
	overflow: hidden;
	border-radius: 0;
	box-shadow: var(--vt-booking-shadow);
}

body.theme-versatours .chbs-main-content-step-2 .chbs-layout-25x75 {
	display: block !important;
	width: 100% !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-layout-25x75 > .chbs-layout-column-left,
body.theme-versatours .chbs-main-content-step-2 .chbs-layout-25x75 > .chbs-layout-column-right {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-layout-25x75 > .chbs-layout-column-left {
	margin: 0 0 30px !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary-price-element,
body.theme-versatours .chbs-main-content-step-2 .chbs-vehicle-filter {
	display: none !important;
}

body.theme-versatours .chbs-summary {
	margin: 0 0 22px !important;
	padding: 24px !important;
	border: 0 !important;
	border-radius: var(--vt-booking-radius) !important;
	background: var(--vt-booking-card) !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 10px 22px;
	align-items: start;
	margin-bottom: 0 !important;
	padding: 24px !important;
}

body.theme-versatours .chbs-summary h4,
body.theme-versatours .chbs-summary .chbs-summary-header {
	display: none !important;
}

body.theme-versatours .chbs-summary ul,
body.theme-versatours .chbs-summary-price-element ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.theme-versatours .chbs-summary li {
	display: grid !important;
	grid-template-columns: 150px 1fr;
	gap: 12px;
	margin: 0 0 8px !important;
	color: var(--vt-booking-ink);
	font-size: var(--vt-body-size);
	font-weight: 700;
}

body.theme-versatours .chbs-summary li > span:first-child {
	color: var(--vt-booking-muted);
	font-size: var(--vt-body-size);
	font-weight: 900;
	text-transform: uppercase;
}

body.theme-versatours .chbs-summary-field {
	margin: 0 !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary-field-name {
	display: none !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary-service-type,
body.theme-versatours .chbs-main-content-step-2 .chbs-summary-transfer-type,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-service-type,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-transfer-type {
	display: none !important;
}

body.theme-versatours .chbs-main .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta { margin-top:15px;}

body.theme-versatours .chbs-main .chbs-booking-extra-list>ul>li>div.chbs-column-2:empty { display:none;}

body.theme-versatours .chbs-main .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta>div>.chbs-vehicle-content-meta-info>div>span.chbs-circle { font-size: 16px !important; }

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-location,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-drop-off-location {
	position: relative;
	padding-left: 26px;
	padding-bottom: 0;
	color: var(--vt-booking-ink);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-location {
	grid-column: 1 / 8;
	grid-row: 1;
	align-self: start;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-drop-off-location {
	grid-column: 8 / 13;
	grid-row: 1;
	align-self: start;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-location::before,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-drop-off-location::before {
	position: absolute;
	top: 2px;
	left: 0;
	color: var(--vt-booking-accent);
	font-size: 20px;
	line-height: 1;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-location::before {
	content: "↧";
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-drop-off-location::before {
	content: "↥";
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-date-time,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-passengers,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-suitcases {
	display: inline-flex !important;
	align-items: center;
	min-height: 24px;
	margin: 0 !important;
	color: var(--vt-booking-ink);
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-meta-row {
	display: flex;
	grid-column: 1 / -1;
	grid-row: 2;
	align-items: flex-start;
	gap: 20px;
	min-width: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-meta-row .vt-summary-pickup-date-time,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-meta-row .vt-summary-passengers,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-meta-row .vt-summary-suitcases {
	flex: 0 0 auto;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-date-time {
	grid-column: 1 / 5;
	grid-row: 2;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-passengers {
	grid-column: 5 / 8;
	grid-row: 2;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-suitcases {
	grid-column: 8 / 11;
	grid-row: 2;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-date-time::before,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-passengers::before,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-suitcases::before {
	content: "";
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: currentColor;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	color: var(--vt-booking-accent);
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-date-time::before {
	mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3v3M17 3v3M4.5 9h15M6 5h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3v3M17 3v3M4.5 9h15M6 5h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-passengers::before {
	mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM5 20c.8-3.2 3.3-5 7-5s6.2 1.8 7 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM5 20c.8-3.2 3.3-5 7-5s6.2 1.8 7 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-suitcases::before {
	mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7M7 7h10a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7M7 7h10a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-distance-time-text {
	grid-column: 1 / -1;
	grid-row: 3;
	color: var(--vt-booking-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-total-distance,
body.theme-versatours .chbs-main-content-step-2 .vt-summary-total-time {
	display: none !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary .chbs-summary-field,
body.theme-versatours .chbs-main-content-step-2 .chbs-summary .chbs-layout-column-left,
body.theme-versatours .chbs-main-content-step-2 .chbs-summary .chbs-layout-column-right {
	border: 0 !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary .chbs-summary-field-value,
body.theme-versatours .chbs-main-content-step-2 .chbs-summary .chbs-summary-field-value > *,
body.theme-versatours .chbs-main-content-step-2 .chbs-summary .vt-summary-meta-row {
	border: 0 !important;
	box-shadow: none !important;
}

body.theme-versatours .vt-selection-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
	width: 100%;
	margin: 28px 0 24px !important;
	padding: 20px 24px !important;
	border: 0 !important;
	border-radius: var(--vt-booking-radius) !important;
	background: var(--vt-booking-card) !important;
	box-shadow: none !important;
	color: var(--vt-booking-ink);
}

body.theme-versatours .vt-selection-summary-item {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	min-width: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

body.theme-versatours .vt-selection-summary-label {
	color: var(--vt-booking-muted);
	font-size: var(--vt-label-size);
	font-weight: 900;
	text-transform: uppercase;
}

body.theme-versatours .vt-selection-summary-value {
	color: var(--vt-booking-ink);
}

body.theme-versatours .vt-selection-summary-price .vt-selection-summary-value {
	color: var(--vt-booking-accent);
}

body.theme-versatours .vt-selection-summary-extras {
	flex: 1 1 100%;
}

body.theme-versatours .chbs-summary-price-element {
	margin: 0 0 22px !important;
	padding: 20px 24px !important;
	border: 0 !important;
	border-radius: var(--vt-booking-radius) !important;
	background: var(--vt-booking-card) !important;
	box-shadow: none !important;
}

@media (min-width: 1024px) {
body.theme-versatours .chbs-vehicle-list > ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
		align-items: stretch;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

body.theme-versatours .chbs-vehicle-list > ul > li {
		display: grid !important;
		min-width: 0;
		height: 100%;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		border: none;
	}

body.theme-versatours .chbs-vehicle-list > ul > li > .chbs-vehicle,
	body.theme-versatours .chbs-vehicle-list > ul > li.chbs-vehicle {
		grid-template-columns: 1fr !important;
		align-content: start;
		gap: 20px;
		height: 100%;
		margin: 0 !important;
		padding: clamp(12px, 2vw, 22px) !important;
	}

body.theme-versatours .chbs-vehicle-list > ul > li .chbs-vehicle > .chbs-vehicle-image,
	body.theme-versatours .chbs-vehicle-list > ul > li .chbs-vehicle > img,
	body.theme-versatours .chbs-vehicle-list > ul > li .chbs-vehicle .chbs-vehicle-content,
	body.theme-versatours .chbs-vehicle-list > ul > li.chbs-vehicle > .chbs-vehicle-image,
	body.theme-versatours .chbs-vehicle-list > ul > li.chbs-vehicle > img,
	body.theme-versatours .chbs-vehicle-list > ul > li.chbs-vehicle .chbs-vehicle-content {
		grid-column: 1;
	}

body.theme-versatours .chbs-vehicle-list > ul > li .chbs-vehicle .chbs-vehicle-content,
	body.theme-versatours .chbs-vehicle-list > ul > li.chbs-vehicle .chbs-vehicle-content {
		gap: 0px;
	}
}

body.theme-versatours .chbs-vehicle {
	display: grid !important;
	grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 48px);
	align-items: center;
	width: 100% !important;
	margin: 0 0 28px !important;
	padding: clamp(24px, 4vw, 44px) !important;
	border: 0 !important;
	border-radius: var(--vt-booking-radius) !important;
	background: var(--vt-booking-card) !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-vehicle > .chbs-vehicle-image {
	grid-column: 1;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	margin: 0 !important;
	float: none !important;
}

body.theme-versatours .chbs-vehicle > img,
body.theme-versatours .chbs-vehicle .chbs-vehicle-image img {
	width: 100% !important;
	aspect-ratio: 1.72 / 1;
	object-fit: cover;
	border-radius: 18px;
}

body.theme-versatours .chbs-vehicle-content {
	grid-column: 2;
	display: grid;
	gap: 12px;
	width: auto !important;
	min-width: 0;
	max-width: 100%;
	margin: 0 !important;
	float: none !important;
}

body.theme-versatours .chbs-vehicle-content-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	min-width: 0;
	max-width: 100%;
	margin: 0 !important;
	color: var(--vt-booking-ink);
	font-size: clamp(22px, 2.4vw, 30px) !important;
	font-weight: 900 !important;
	line-height: 1.15;
}

body.theme-versatours .chbs-vehicle-content-price {
	min-width: 0;
	max-width: 100%;
	color: var(--vt-booking-blue) !important;
	font-size: clamp(24px, 3vw, 34px) !important;
	font-weight: 900 !important;
}

body.theme-versatours .chbs-vehicle-content-description {
	min-width: 0;
	max-width: 100%;
	color: var(--vt-booking-ink);
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	text-transform: uppercase;
}

body.theme-versatours .chbs-vehicle-content-meta-info {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	justify-content: flex-start;
	max-width: 100%;
	margin-top: 6px;
	overflow: hidden;
}

body.theme-versatours .chbs-vehicle-content-meta-info [class^="chbs-meta-icon-"],
body.theme-versatours .chbs-vehicle-content-meta-info [class*=" chbs-meta-icon-"] {
	width: 24px !important;
	height: 24px !important;
	font-size: 24px !important;
	line-height: 24px !important;
}

body.theme-versatours .chbs-vehicle-content-meta-info [class^="chbs-meta-icon-"]::before,
body.theme-versatours .chbs-vehicle-content-meta-info [class*=" chbs-meta-icon-"]::before {
	font-size: 14px !important;
	line-height: 14px !important;
}

body.theme-versatours .chbs-circle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--vt-booking-ink) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
}

body.theme-versatours .chbs-show-more-button {
	display: inline-flex !important;
	align-items: center;
	margin: 0 !important;
	margin-right: 20px !important;
}

body.theme-versatours .chbs-show-more-button > a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px;
	min-height: 34px;
	padding: 6px 12px 6px 8px !important;
	border: 1px solid rgba(7, 70, 86, .16) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--vt-booking-ink) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	box-shadow: 0 8px 20px rgba(7, 70, 86, .06) !important;
	text-transform: uppercase;
}

body.theme-versatours .chbs-show-more-button > a > span:not(.chbs-meta-icon-arrow-vertical-small) {
	margin: 0 !important;
	color: var(--vt-booking-ink) !important;
	line-height: 1 !important;
}

body.theme-versatours .chbs-show-more-button .chbs-meta-icon-arrow-vertical-small {
	flex: 0 0 24px;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	top: 0 !important;
	bottom: auto !important;
	margin: 0 !important;
	color: var(--vt-booking-accent) !important;
	font-size: 24px !important;
	line-height: 24px !important;
}

body.theme-versatours .chbs-show-more-button .chbs-meta-icon-arrow-vertical-small::before {
	font-size: 24px !important;
	line-height: 24px !important;
}

body.theme-versatours .chbs-vehicle .chbs-show-more-button > a.chbs-state-selected {
	border-color: rgba(255, 112, 10, .32) !important;
	background: rgba(255, 112, 10, .08) !important;
	color: var(--vt-booking-ink) !important;
	box-shadow: 0 8px 20px rgba(255, 112, 10, .10) !important;
}

body.theme-versatours .chbs-vehicle .chbs-button-style-2 {
	min-height: 38px;
	padding: 10px 24px !important;
	color: var(--vt-booking-accent) !important;
	border-color: rgba(255, 112, 10, .45) !important;
	font-size: 12px !important;
	box-shadow: none;
}

body.theme-versatours .chbs-vehicle.vt-is-selected .chbs-button-style-2,
body.theme-versatours .chbs-vehicle .chbs-state-selected {
	background: var(--vt-booking-accent) !important;
	color: #fff !important;
	border-color: var(--vt-booking-accent) !important;
}

body.theme-versatours .chbs-booking-extra {
	margin-top: 38px !important;
}

body.theme-versatours .chbs-booking-extra-header {
	color: var(--vt-booking-accent) !important;
	font-size: 32px !important;
	font-weight: 900 !important;
	text-align: center;
}

body.theme-versatours .chbs-booking-extra-header .chbs-meta-icon-cart,
body.theme-versatours .chbs-booking-extra-header::after {
	display: none !important;
	content: none !important;
}

body.theme-versatours .chbs-booking-extra-list > ul {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.theme-versatours .chbs-booking-extra-list > ul > li {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
	margin: 0 !important;
	padding: 28px !important;
	border-radius: 18px;
	background: var(--vt-booking-card);
}

body.theme-versatours .chbs-booking-extra-list > ul > li > .chbs-column-1,
body.theme-versatours .chbs-booking-extra-list > ul > li > .chbs-column-2 {
	grid-column: 1 / -1;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	float: none !important;
}

body.theme-versatours .chbs-booking-extra-list > ul > li > .chbs-column-1 {
	display: grid !important;
	grid-template-columns: minmax(96px, 34%) minmax(0, 1fr);
	gap: 18px;
	align-items: center;
}

body.theme-versatours .chbs-main .chbs-booking-extra-list > ul > li > div.chbs-column-1 > div.chbs-column-1-left + div.chbs-column-1-right {
	margin-left: 20px;
}

body.theme-versatours .chbs-booking-extra-list > ul > li > .chbs-column-2 {
	justify-self: start;
}

body.theme-versatours .chbs-booking-form-extra-name {
	color: var(--vt-booking-ink);
	font-size: 18px;
	font-weight: 900;
}

body.theme-versatours .chbs-booking-form-extra-description,
body.theme-versatours .chbs-booking-form-extra-price {
	display: block;
	color: var(--vt-booking-muted);
	font-size: 12px;
	font-weight: 700;
}

body.theme-versatours .chbs-main-content-step-2 > .chbs-clear-fix:last-child,
body.theme-versatours .chbs-main-content-step-3 > .chbs-clear-fix:last-child {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	width: 100% !important;
	max-width: none !important;
	margin: 42px 0 0 !important;
}

body.theme-versatours .chbs-main-content-step-2 > .chbs-clear-fix:last-child::before,
body.theme-versatours .chbs-main-content-step-2 > .chbs-clear-fix:last-child::after,
body.theme-versatours .chbs-main-content-step-3 > .chbs-clear-fix:last-child::before,
body.theme-versatours .chbs-main-content-step-3 > .chbs-clear-fix:last-child::after {
	content: none !important;
	display: none !important;
}

body.theme-versatours .chbs-main-content-step-2 > .chbs-clear-fix:last-child .chbs-button-step-prev,
body.theme-versatours .chbs-main-content-step-3 > .chbs-clear-fix:last-child .chbs-button-step-prev {
	margin-right: auto !important;
}

body.theme-versatours .chbs-main-content-step-2 > .chbs-clear-fix:last-child .chbs-button-step-next,
body.theme-versatours .chbs-main-content-step-3 > .chbs-clear-fix:last-child .chbs-button-step-next {
	margin-left: auto !important;
}

body.theme-versatours .chbs-main-content-step-3 .chbs-layout-50x50 {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
}

body.theme-versatours .chbs-main-content-step-3 .chbs-form-field-width-100,
body.theme-versatours .chbs-main-content-step-3 .chbs-form-field:has(textarea) {
	grid-column: 1 / -1;
}

body.theme-versatours .chbs-main-content-step-3 .chbs-payment-form::before {
	content: none;
	display: none;
	margin: 40px 0 24px;
	color: var(--vt-booking-accent);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
}

body.theme-versatours .chbs-payment {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.theme-versatours .chbs-payment > li {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}

body.theme-versatours .chbs-payment > li > a {
	display: grid !important;
	place-items: center;
	min-height: 150px;
	border: 2px solid var(--vt-booking-ink) !important;
	border-radius: 8px;
	background-color: #fff !important;
	color: #333 !important;
	font-size: 0;
}

body.theme-versatours .chbs-payment > li > a::after {
	content: attr(data-vt-label);
	color: #2b2b2b;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
}

body.theme-versatours .chbs-payment > li > a.vt-payment-method-has-title::after {
	content: none !important;
	display: none !important;
}

body.theme-versatours .chbs-payment > li > a .vt-payment-method-title {
	display: block;
	color: var(--vt-text);
	font-size: 18px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
}

body.theme-versatours .chbs-payment > li > a.chbs-state-selected::before {
	content: "✓";
	position: absolute;
	left: 50%;
	bottom: -15px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--vt-booking-accent);
	color: #fff;
	font-size: 18px;
	transform: translateX(-50%);
}

body.theme-versatours .payments-header,
body.theme-versatours .chbs-payment-form .payments-header {
	margin: 28px 0 12px !important;
	color: var(--vt-booking-ink) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-align: center;
	text-transform: uppercase;
}

body.theme-versatours .vt-payment-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin: 22px auto 0;
}

body.theme-versatours .vt-payment-logos span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 58px;
	min-height: 30px;
	padding: 5px 10px;
	border-radius: 4px;
	background: #f3f5f7;
	color: #2f4b58;
	font-size: 12px;
	font-weight: 900;
}

@media (max-width: 760px) {
body.theme-versatours .vt-selection-summary {
		align-items: flex-start;
		gap: 8px;
		margin-top: 22px !important;
		padding: 18px 20px !important;
	}

body.theme-versatours .vt-selection-summary-item {
		flex-wrap: wrap;
	}

body.theme-versatours .chbs-vehicle > .chbs-vehicle-image,
	body.theme-versatours .chbs-vehicle-content {
		grid-column: 1;
	}

body.theme-versatours .chbs-main {
		width: min(100% - 24px, 520px) !important;
	}

body.theme-versatours .chbs-main-navigation-default > ul {
		gap: 12px;
	}

body.theme-versatours .chbs-main-navigation-default li {
		font-size: var(--vt-body-size) !important;
	}

body.theme-versatours .chbs-main-navigation-default li::before {
		width: 34px;
		height: 34px;
		font-size: var(--vt-body-size) !important;
	}

body.theme-versatours .chbs-main-navigation-default li:not(:last-child)::after {
		top: 44px;
		left: calc(50% + 34px);
		width: calc(100% - 38px);
	}

body.theme-versatours .chbs-main-content-step-2 .chbs-summary {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 20px !important;
	}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-location,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-drop-off-location,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-meta-row,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-date-time,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-passengers,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-suitcases,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-distance-time-text {
		grid-column: 1 / -1;
		grid-row: auto;
	}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-pickup-date-time,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-passengers,
	body.theme-versatours .chbs-main-content-step-2 .vt-summary-suitcases {
		display: flex !important;
		margin: 0 !important;
		white-space: normal;
	}

body.theme-versatours .chbs-main-content-step-2 .vt-summary-meta-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

body.theme-versatours .chbs-booking-extra-list > ul > li > .chbs-column-1 {
		grid-template-columns: 1fr;
	}

body.theme-versatours .chbs-booking-extra-list > ul > li > .chbs-column-2 {
		justify-self: stretch;
	}

body.theme-versatours .chbs-vehicle,
	body.theme-versatours .chbs-booking-extra-list > ul > li {
		padding: 22px !important;
	}

body.theme-versatours .chbs-main-content-step-2 > .chbs-clear-fix:last-child,
	body.theme-versatours .chbs-main-content-step-3 > .chbs-clear-fix:last-child {
		align-items: stretch;
		flex-direction: column;
	}

body.theme-versatours .chbs-main .chbs-button {
		width: 100%;
	}
}

@media (min-width: 1500px) {
__comment__ {/*body.page-id-10668.theme-versatours .chbs-main:not(.chbs-widget) {
		width: min(1500px, calc(100vw - 48px)) !important;
	}*/}
}

@media (max-width: 1199px) {
__comment__ {/*body.page-id-10668.theme-versatours .chbs-main:not(.chbs-widget) {
		left: auto;
		width: min(100% - 32px, 900px) !important;
		margin-inline: auto !important;
		transform: none;
	}*/}
}

@media (max-width: 767px) {
__comment__ {/*body.page-id-10668.theme-versatours .chbs-main:not(.chbs-widget) {
		width: min(100% - 20px, 430px) !important;
		margin-top: 16px !important;
	}*/}
}

/* Mobile card containment - keep last. */

@media (max-width: 767px) {
__comment__ {/*body.page-id-10668.theme-versatours {
		overflow-x: hidden !important;
	}

	body.page-id-10668.theme-versatours .chbs-main:not(.chbs-widget) {
		left: auto !important;
		width: min(100% - 20px, 430px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		transform: none !important;
		overflow: visible !important;
	}*/}

__comment__ {/* The unscoped ".chbs-button" font-size rule (~line 380) and the
	   unscoped ".chbs-button-step-prev" color rule (~line 3345) both match
	   this same element with identical specificity to the "hide native
	   text, show ::after instead" rule above and were winning, leaving the
	   native "Choose ride details" label visible and overlapping the
	   generated "Back" text. Repeat the theme class to raise this rule's
	   specificity above both conflicting rules regardless of source order. */}
}

/* magnet0 changes */

.chbs-meta-icon-tick:before {
font-size: 18px !important;
}

/* Chauffeur popup base rules migrated from generated booking-form CSS. */

body.theme-versatours .chbs-datepicker.ui-datepicker,
body.theme-versatours .chbs-datepicker#ui-datepicker-div,
body.theme-versatours .ui-autocomplete,
body.theme-versatours .ui-selectmenu-menu,
body.theme-versatours .ui-selectmenu-menu .ui-menu,
body.theme-versatours .ui-timepicker-wrapper {
	border: 1px solid var(--vt-border) !important;
	border-radius: 12px !important;
	background: var(--vt-surface) !important;
	box-shadow: 0 18px 42px rgba(7, 27, 58, .16) !important;
	color: var(--vt-text) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	z-index: 2147483647 !important;
}

/* jQuery UI sizes the autocomplete/selectmenu dropdown to match its
   trigger field's own width via inline style. That's fine on the wide
   reservations-page fields, but the homepage widget's compact fields are
   narrow enough to wrap full addresses and cramp the passenger list;
   !important overrides the inline width regardless of trigger size. */

body.theme-versatours .ui-autocomplete {
	min-width: 280px !important;
	max-width: min(90vw, 380px) !important;
}

body.theme-versatours .ui-selectmenu-menu {
	min-width: 140px !important;
	/* jQuery UI's own base stylesheet also sets overflow-y:auto on this
	   outer wrapper by default; left unreset, it scrolls independently of
	   the inner .ui-menu list (which we also give overflow:auto below),
	   producing two nested scrollbars in a narrow dropdown. */
	overflow: visible !important;
}

/* The location fields (pickup/drop-off) actually use the Google Places
   Autocomplete widget, not jQuery UI's .ui-autocomplete above - a
   separate, unstyled dropdown Google appends to <body> with its own
   pac-* classes and, same as jQuery UI, an inline width matching the
   trigger field. Google's own base styles also truncate each suggestion
   to one line with an ellipsis once the container is narrow, which is
   what was still cutting off full addresses. */

body.theme-versatours .pac-container {
	min-width: 280px !important;
	max-width: min(90vw, 380px) !important;
	margin-top: 4px !important;
	border: 1px solid var(--vt-border) !important;
	border-radius: 12px !important;
	box-shadow: 0 18px 42px rgba(7, 27, 58, .16) !important;
	font-family: var(--vt-font-family, inherit) !important;
	z-index: 2147483647 !important;
}

body.theme-versatours .pac-item {
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
	padding: 6px 10px !important;
	border-top: 1px solid var(--vt-border) !important;
	color: var(--vt-text) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

body.theme-versatours .pac-item:first-child {
	border-top: 0 !important;
}

body.theme-versatours .pac-item:hover,
body.theme-versatours .pac-item-selected {
	background: var(--vt-primary) !important;
}

body.theme-versatours .pac-item:hover .pac-item-query,
body.theme-versatours .pac-item-selected .pac-item-query,
body.theme-versatours .pac-item:hover span,
body.theme-versatours .pac-item-selected span {
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .pac-item-query {
	color: var(--vt-text) !important;
	font-size: 12px !important;
}

body.theme-versatours .pac-matched {
	font-weight: 900 !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker,
body.theme-versatours .chbs-datepicker#ui-datepicker-div {
	width: auto !important;
	min-width: 220px !important;
	max-width: calc(100vw - 32px) !important;
	padding: 7px !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-header,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-header {
	position: relative !important;
	margin: 0 0 5px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--vt-soft) !important;
	color: var(--vt-text) !important;
	font-weight: 800 !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-title,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-title {
	color: var(--vt-text) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 22px !important;
	text-align: center !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-prev,
body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-next,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-prev,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-next {
	top: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	background: var(--vt-surface) !important;
	color: var(--vt-text) !important;
	cursor: pointer !important;
	text-indent: 0 !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-prev .ui-icon,
body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-next .ui-icon,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-prev .ui-icon,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-next .ui-icon {
	display: none !important;
	background: none !important;
	text-indent: -9999px !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-prev::before,
body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-next::before,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-prev::before,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-next::before {
	content: "" !important;
	display: block !important;
	width: 6px !important;
	height: 6px !important;
	border: solid currentColor !important;
	border-width: 0 1.5px 1.5px 0 !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-prev::before,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-prev::before {
	margin-left: 2px !important;
	transform: rotate(135deg) !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-next::before,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-next::before {
	margin-right: 2px !important;
	transform: rotate(-45deg) !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-prev,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-prev {
	left: 4px !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-next,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-next {
	right: 4px !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-prev.ui-state-hover,
body.theme-versatours .chbs-datepicker.ui-datepicker .ui-datepicker-next.ui-state-hover,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-prev.ui-state-hover,
body.theme-versatours .chbs-datepicker#ui-datepicker-div .ui-datepicker-next.ui-state-hover {
	border-color: var(--vt-primary) !important;
	background: var(--vt-primary) !important;
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker table,
body.theme-versatours .chbs-datepicker#ui-datepicker-div table {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 1px !important;
	background: transparent !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker th,
body.theme-versatours .chbs-datepicker#ui-datepicker-div th {
	padding: 2px 1px !important;
	color: var(--vt-muted) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker td,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* The plugin's own public.css (not this theme) also targets these same
   elements with a leftover default: width/height:55px, padding:0,
   line-height:54px, and font-family:'Lato' on td/td span/td a/the
   month title. Those are separate properties from the ones we set below
   (we only set min-width/min-height, never width/height), so nothing
   here overrode them - public.css's explicit width/height simply won
   since width always beats a smaller min-width. Set width/height (not
   just min-) and font-family explicitly, with !important, to beat it
   regardless of source order. */

body.theme-versatours .chbs-datepicker.ui-datepicker td,
body.theme-versatours .chbs-datepicker.ui-datepicker td span,
body.theme-versatours .chbs-datepicker.ui-datepicker td a,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td span,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td a,
body.theme-versatours .chbs-datepicker .ui-datepicker-title {
	font-family: var(--vt-font-family, inherit) !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker td a,
body.theme-versatours .chbs-datepicker.ui-datepicker td span,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td a,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	padding: 0 !important;
	border: 1px solid transparent !important;
	border-radius: 5px !important;
	background: #fff !important;
	color: var(--vt-text) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker td a.ui-state-hover,
body.theme-versatours .chbs-datepicker.ui-datepicker td a.ui-state-active,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td a.ui-state-hover,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td a.ui-state-active {
	border-color: var(--vt-primary) !important;
	background: var(--vt-primary) !important;
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .chbs-datepicker.ui-datepicker td.ui-datepicker-unselectable span,
body.theme-versatours .chbs-datepicker#ui-datepicker-div td.ui-datepicker-unselectable span {
	color: var(--vt-muted) !important;
	opacity: .45 !important;
}

body.theme-versatours .ui-autocomplete,
body.theme-versatours .ui-selectmenu-menu .ui-menu,
body.theme-versatours .ui-timepicker-wrapper {
	overflow: auto !important;
	max-height: min(320px, calc(100vh - 120px)) !important;
	padding: 6px !important;
	list-style: none !important;
}

body.theme-versatours .ui-selectmenu-menu {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.theme-versatours .ui-autocomplete .ui-menu-item,
body.theme-versatours .ui-selectmenu-menu .ui-menu-item,
body.theme-versatours .ui-timepicker-wrapper > .ui-timepicker-list > li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--vt-text) !important;
	list-style: none !important;
}

body.theme-versatours .ui-autocomplete .ui-menu-item-wrapper,
body.theme-versatours .ui-selectmenu-menu .ui-menu-item-wrapper,
body.theme-versatours .ui-timepicker-wrapper > .ui-timepicker-list > li {
	display: block !important;
	padding: 10px 12px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: var(--vt-text) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

body.theme-versatours .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
body.theme-versatours .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active,
body.theme-versatours .ui-autocomplete .ui-menu-item-wrapper:hover,
body.theme-versatours .ui-selectmenu-menu .ui-menu-item-wrapper:hover,
body.theme-versatours .ui-timepicker-wrapper > .ui-timepicker-list > li:hover,
body.theme-versatours .ui-timepicker-wrapper > .ui-timepicker-list > li.ui-timepicker-selected {
	background: var(--vt-primary) !important;
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .ui-timepicker-wrapper > .ui-timepicker-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* More compact than the shared .ui-menu-item-wrapper sizing above, just
   for the time list and the passenger selectmenu (kept separate so it
   doesn't also shrink the jQuery UI location-autocomplete dropdown,
   which shares that rule but isn't actually used - location fields use
   Google Places Autocomplete instead). */

body.theme-versatours .ui-timepicker-wrapper > .ui-timepicker-list > li,
body.theme-versatours .ui-selectmenu-menu .ui-menu-item-wrapper {
	padding: 5px 10px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

/* Global help popovers. */

body.theme-versatours .qtip,
body.theme-versatours .qtip-default,
body.theme-versatours .qtip.qtip-default {
	max-width: min(280px, calc(100vw - 32px)) !important;
	border: 1px solid var(--vt-border) !important;
	border-radius: 8px !important;
	background: var(--vt-surface) !important;
	box-shadow: 0 14px 32px rgba(7, 27, 58, .14) !important;
	color: var(--vt-text) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	z-index: 100000 !important;
}

body.theme-versatours .qtip .qtip-content,
body.theme-versatours .qtip-default .qtip-content {
	padding: 9px 11px !important;
	color: var(--vt-text) !important;
	background: transparent !important;
	text-align: left !important;
}

body.theme-versatours .qtip .qtip-tip,
body.theme-versatours .qtip-default .qtip-tip {
	display: none !important;
}

body.theme-versatours .qtip.chbs-qtip-error {
	border-color: #F0C4C4 !important;
	background: #FBEAEA !important;
}

body.theme-versatours .qtip.chbs-qtip-error .qtip-content {
	color: #9A2E2E !important;
	font-weight: 800 !important;
}

body.theme-versatours .qtip.chbs-qtip-success {
	border-color: #BFE6D3 !important;
	background: #E9F7F0 !important;
}

body.theme-versatours .qtip.chbs-qtip-success .qtip-content {
	color: #1E6B48 !important;
	font-weight: 800 !important;
}

body.theme-versatours .chbs-main .chbs-tooltip,
body.theme-versatours .chbs-main .chbs-form-field-tooltip,
body.theme-versatours .chbs-main .chbs-meta-icon-question {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 14px !important;
	height: 14px !important;
	margin-left: 4px !important;
	color: var(--vt-muted) !important;
	font-size: 12px !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	opacity: .65 !important;
}

/* Consolidated former chauffeur-luxury.css override layer. */

/* --------------------------------------------------------------------------
 * Versatours Booking UI System v2
 *
 * Styling guide:
 * - rem is the default sizing unit for spacing, type, radii, and controls.
 * - px is reserved for 1px borders and fine icon strokes.
 * - clamp() is reserved for page-level containers/headings.
 * - This layer intentionally sits last to normalize old Chauffeur/plugin skins.
 * -------------------------------------------------------------------------- */

:root {
	--vt-font-family: var(--e-global-typography-text-font-family, Arial), Arial, sans-serif;
	--vt-heading-font-family: var(--e-global-typography-primary-font-family, "Geist"), "Geist", var(--vt-font-family);
	--vt-primary: var(--e-global-color-primary, #F5A623);
	--vt-primary-hover: #DC9014;
	--vt-on-primary: #163A40;
	--vt-text: var(--e-global-color-text, #3E4A4A);
	--vt-muted: var(--e-global-color-secondary, #8A9494);
	--vt-accent: var(--e-global-color-accent, #163A40);
	--vt-border: #EAE6DC;
	--vt-surface: #fff;
	--vt-field-bg: #FBFAF7;
	--vt-soft: #F0F6FA;
	/*
	 * Shared motion easing. Emil's point: the browser's built-in `ease`
	 * starts slowly, so a 160ms transition spends its first frames barely
	 * moving and reads as mushy. This quint-out curve leaves immediately
	 * and settles gently, which is what makes a short duration feel crisp.
	 * Defined on :root so the Viva plugin's stylesheet inherits it too.
	 */
	--vt-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--vt-space-1: .25rem;
	--vt-space-2: .5rem;
	--vt-space-3: .75rem;
	--vt-space-4: 1rem;
	--vt-space-5: 1.25rem;
	--vt-space-6: 1.5rem;
	--vt-space-7: 1.75rem;
	--vt-space-8: 2rem;
	--vt-space-9: 2.5rem;
	--vt-space-10: 3rem;
	--vt-space-11: 3.5rem;
	--vt-space-12: 4rem;
	--vt-radius-xs: .375rem;
	--vt-radius-sm: .5rem;
	--vt-radius: .75rem;
	--vt-radius-lg: 1rem;
	--vt-control-height: 3.25rem;
	--vt-button-height: 3rem;
	--vt-label-size: 1rem;
	--vt-body-size: 1rem;
	--vt-heading-size: clamp(1.625rem, 2.15vw, 2rem);
	--vt-focus-ring: 0 0 0 .1875rem rgba(245, 166, 35, .16);
	--vt-shadow: 0 1rem 2.4rem rgba(7, 27, 58, .07);

	/* Legacy aliases for migrated rules from chauffeur-luxury-main.css. */
	--vt-booking-ink: var(--vt-text);
	--vt-booking-muted: var(--vt-muted);
	--vt-booking-line: var(--vt-border);
	--vt-booking-accent: var(--vt-accent);
	--vt-booking-blue: var(--vt-accent);
	--vt-booking-card: var(--vt-soft);
	--vt-booking-radius: var(--vt-radius-lg);
	--vt-booking-shadow: var(--vt-shadow);
}

body.theme-versatours .chbs-main {
	box-sizing: border-box !important;
	font-family: var(--vt-font-family) !important;
	color: var(--vt-text) !important;
}

body.theme-versatours .chbs-main *,
body.theme-versatours .chbs-main *::before,
body.theme-versatours .chbs-main *::after {
	box-sizing: border-box !important;
}

body.theme-versatours .chbs-main h1,
body.theme-versatours .chbs-main h2,
body.theme-versatours .chbs-main h3,
body.theme-versatours .chbs-main h4,
body.theme-versatours .chbs-main .chbs-main-content-step-2::before,
body.theme-versatours .chbs-main .chbs-summary::before {
	font-family: var(--vt-heading-font-family) !important;
	color: var(--vt-text) !important;
	letter-spacing: 0 !important;
}

body.theme-versatours .chbs-main label,
body.theme-versatours .chbs-main .chbs-form-field > label,
body.theme-versatours .chbs-main .chbs-form-field label,
body.theme-versatours .chbs-main .chbs-form-label-group,
body.theme-versatours .chbs-main .chbs-summary-field-name {
	margin: 0 0 var(--vt-space-2) !important;
	color: var(--vt-text) !important;
	font-size: var(--vt-label-size) !important;
	font-weight: 800 !important;
	letter-spacing: .035em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

body.theme-versatours .chbs-main input[type="text"],
body.theme-versatours .chbs-main input[type="email"],
body.theme-versatours .chbs-main input[type="tel"],
body.theme-versatours .chbs-main input[type="number"],
body.theme-versatours .chbs-main textarea,
body.theme-versatours .chbs-main .ui-selectmenu-button {
	width: 100% !important;
	min-height: var(--vt-control-height) !important;
	padding: .875rem 3.125rem .875rem 1rem !important;
	border: 1px solid var(--vt-border) !important;
	border-radius: var(--vt-radius) !important;
	background: var(--vt-field-bg) !important;
	box-shadow: none !important;
	color: var(--vt-text) !important;
	font-family: var(--vt-font-family) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	outline: 0 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body.theme-versatours .chbs-main textarea {
	min-height: 7rem !important;
	padding-right: 1rem !important;
	white-space: normal !important;
}

body.theme-versatours .chbs-main input[type="text"]:focus,
body.theme-versatours .chbs-main input[type="email"]:focus,
body.theme-versatours .chbs-main input[type="tel"]:focus,
body.theme-versatours .chbs-main input[type="number"]:focus,
body.theme-versatours .chbs-main textarea:focus,
body.theme-versatours .chbs-main .ui-selectmenu-button.ui-state-focus,
body.theme-versatours .chbs-main .ui-selectmenu-button:focus {
	border-color: var(--vt-primary) !important;
	box-shadow: var(--vt-focus-ring) !important;
}

body.theme-versatours .chbs-main .chbs-meta-icon,
body.theme-versatours .chbs-main [class^="chbs-meta-icon-"],
body.theme-versatours .chbs-main [class*=" chbs-meta-icon-"],
body.theme-versatours .chbs-main [class^="chbs-icon-"],
body.theme-versatours .chbs-main [class*=" chbs-icon-"] {
	color: var(--vt-accent) !important;
}

body.theme-versatours .chbs-main .chbs-tooltip,
body.theme-versatours .chbs-main .chbs-form-field-tooltip,
body.theme-versatours .chbs-main .chbs-meta-icon-question {
	width: .875rem !important;
	height: .875rem !important;
	margin-left: .25rem !important;
	color: var(--vt-muted) !important;
	font-size: .75rem !important;
	opacity: .7 !important;
}

body.theme-versatours .chbs-main .chbs-button,
body.theme-versatours .chbs-main a.chbs-button,
body.theme-versatours .chbs-main .chbs-button-widget-submit,
body.theme-versatours .chbs-main a.chbs-button-widget-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: var(--vt-button-height) !important;
	padding: .75rem 1.5rem !important;
	border: 1px solid var(--vt-primary) !important;
	border-radius: var(--vt-radius) !important;
	background: var(--vt-primary) !important;
	box-shadow: none !important;
	color: var(--vt-on-primary) !important;
	font-family: var(--vt-font-family) !important;
	font-size: .875rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: .01em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

body.theme-versatours .chbs-main .chbs-button:hover,
body.theme-versatours .chbs-main a.chbs-button:hover,
body.theme-versatours .chbs-main .chbs-button-widget-submit:hover,
body.theme-versatours .chbs-main a.chbs-button-widget-submit:hover {
	border-color: var(--vt-primary-hover) !important;
	background: var(--vt-primary-hover) !important;
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .chbs-main .chbs-button:focus-visible,
body.theme-versatours .chbs-main a.chbs-button:focus-visible,
body.theme-versatours .chbs-main .chbs-button-widget-submit:focus-visible,
body.theme-versatours .chbs-main a.chbs-button-widget-submit:focus-visible {
	outline: 0 !important;
	box-shadow: var(--vt-focus-ring) !important;
}

body.theme-versatours .chbs-main .chbs-button-style-2,
body.theme-versatours .chbs-main .chbs-button-step-prev,
body.theme-versatours .chbs-main a.chbs-button-style-2,
body.theme-versatours .chbs-main a.chbs-button-step-prev {
	background: var(--vt-surface) !important;
	color: var(--vt-accent) !important;
}

body.theme-versatours .chbs-main .chbs-button-style-2:hover,
body.theme-versatours .chbs-main .chbs-button-step-prev:hover,
body.theme-versatours .chbs-main a.chbs-button-style-2:hover,
body.theme-versatours .chbs-main a.chbs-button-step-prev:hover {
	background: rgba(22, 58, 64, .06) !important;
	color: var(--vt-accent) !important;
}

body.theme-versatours .chbs-main .chbs-state-selected,
body.theme-versatours .chbs-main .vt-is-selected .chbs-button-style-2,
body.theme-versatours .chbs-main .vt-is-selected .chbs-button {
	border-color: var(--vt-primary) !important;
	background: var(--vt-primary) !important;
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .chbs-main .chbs-main-content-navigation-button {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var(--vt-space-4) !important;
	width: 100% !important;
	margin-top: var(--vt-space-7) !important;
	padding: var(--vt-space-4) !important;
	border: 1px solid var(--vt-border) !important;
	border-radius: var(--vt-radius-lg) !important;
	background: var(--vt-surface) !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-main .chbs-main-content-navigation-button .chbs-button-step-next,
body.theme-versatours .chbs-main .chbs-main-content-navigation-button .chbs-button-step-prev {
	min-width: 13.5rem !important;
}

@media (max-width: 48em) {
body.theme-versatours .chbs-main:not(.chbs-widget),
	body.home.theme-versatours .chbs-main.chbs-widget {
		width: min(100% - 1rem, 80rem) !important;
		padding: var(--vt-space-5) !important;
	}

body.home.theme-versatours .chbs-main.chbs-widget .chbs-tab > .ui-tabs-panel,
	body.theme-versatours .chbs-main:not(.chbs-widget) .chbs-main-content-step-1.vt-step-visible .chbs-tab > .ui-tabs-panel,
	body.theme-versatours .chbs-main:not(.chbs-widget) .chbs-main-content-step-3.vt-step-visible .chbs-payment {
		grid-template-columns: 1fr !important;
		gap: var(--vt-space-4) !important;
	}

body.theme-versatours .chbs-main .chbs-main-content-navigation-button {
		align-items: stretch !important;
		flex-direction: column !important;
		padding: var(--vt-space-3) !important;
	}

body.theme-versatours .chbs-main input[type="text"],
	body.theme-versatours .chbs-main input[type="email"],
	body.theme-versatours .chbs-main input[type="tel"],
	body.theme-versatours .chbs-main input[type="number"],
	body.theme-versatours .chbs-main .ui-selectmenu-button {
		min-height: 3rem !important;
		font-size: .9375rem !important;
	}
}

/* --------------------------------------------------------------------------
 * Versatours Booking UI System v2.1 conflict fixes
 * -------------------------------------------------------------------------- */

body.theme-versatours .chbs-main-navigation-default {
	width: min(100%, 64rem) !important;
	margin: var(--vt-space-8) auto var(--vt-space-9) !important;
	color: var(--vt-text) !important;
	font-family: var(--vt-font-family) !important;
}

body.theme-versatours .chbs-main-navigation-default > ul {
	position: relative !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: start !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

body.theme-versatours .chbs-main-navigation-default > ul::before {
	content: "" !important;
	position: absolute !important;
	top: 2.8rem !important;
	right: 12% !important;
	left: 12% !important;
	height: 2px !important;
	background: var(--vt-border) !important;
	z-index: 0 !important;
}

body.theme-versatours .chbs-main-navigation-default li,
body.theme-versatours .chbs-main-navigation-default li.chbs-state-selected {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	justify-items: center !important;
	gap: var(--vt-space-2) !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 var(--vt-space-2) !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--vt-text) !important;
}

body.theme-versatours .chbs-main-navigation-default li::before,
body.theme-versatours .chbs-main-navigation-default li::after {
	content: none !important;
	display: none !important;
}

body.theme-versatours .chbs-main-navigation-default li > a,
body.theme-versatours .chbs-main-navigation-default li > span {
	order: -1 !important;
	display: block !important;
	color: var(--vt-text) !important;
	font-family: var(--vt-font-family) !important;
	font-size: .75rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
}

body.theme-versatours .chbs-main-navigation-default li > div {
	position: relative !important;
	top: auto !important;
	display: grid !important;
	place-items: center !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	margin: 0 !important;
	border: 1px solid var(--vt-border) !important;
	border-radius: 999px !important;
	background: var(--vt-surface) !important;
	color: var(--vt-muted) !important;
	box-shadow: none !important;
}

body.theme-versatours .chbs-main-navigation-default li:nth-child(1) > div::before {
	content: "1" !important;
}

body.theme-versatours .chbs-main-navigation-default li:nth-child(2) > div::before {
	content: "2" !important;
}

body.theme-versatours .chbs-main-navigation-default li:nth-child(3) > div::before {
	content: "3" !important;
}

body.theme-versatours .chbs-main-navigation-default li > div::before {
	display: block !important;
	color: inherit !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

body.theme-versatours .chbs-main-navigation-default li.chbs-state-selected > div {
	border-color: var(--vt-primary) !important;
	background: var(--vt-primary) !important;
	color: var(--vt-on-primary) !important;
}

body.theme-versatours .chbs-main-navigation-default li.chbs-state-completed > div::before {
	content: "\2713" !important;
}

@media (max-width: 48em) {
body.theme-versatours .chbs-main-navigation-default {
		margin-block: var(--vt-space-5) var(--vt-space-6) !important;
	}

body.theme-versatours .chbs-main-navigation-default > ul::before {
		right: 18% !important;
		left: 18% !important;
	}

body.theme-versatours .chbs-main-navigation-default li > a,
	body.theme-versatours .chbs-main-navigation-default li > span {
		font-size: .6875rem !important;
	}
}

/* --------------------------------------------------------------------------
 * Versatours Booking UI System v2.4 step-1 shell refinements
 * -------------------------------------------------------------------------- */

body.theme-versatours .chbs-main-navigation-default {
	width: 100% !important;
	max-width: none !important;
}

body.theme-versatours .chbs-main-navigation-default > ul::before {
	left: calc(100% / 6) !important;
	right: calc(100% / 6) !important;
}

@media (max-width: 48em) {
body.theme-versatours .chbs-main-navigation-default > ul::before {
		left: calc(100% / 6) !important;
		right: calc(100% / 6) !important;
	}
}

/* Keep international telephone controls clear of the country selector. */

body.theme-versatours .chbs-main .iti {
	display: block !important;
	width: 100% !important;
}

body.theme-versatours .chbs-main .iti--separate-dial-code input[type="text"],
body.theme-versatours .chbs-main .iti--separate-dial-code input[type="tel"] {
	padding-left: 6.75rem !important;
}

body.theme-versatours .chbs-main .iti--separate-dial-code .iti__selected-flag {
	padding-inline: .875rem .625rem !important;
}

/* --------------------------------------------------------------------------
 * Versatours Booking UI System v3.0 - modern step navigation
 * Supersedes the v2.1/v2.4 step-navigation width/margin rules above (which
 * had accumulated conflicting declarations for the same selectors, including
 * one rule that cancelled another's centering). Does not touch li::before or
 * li::after: an older, pre-v2.1 rule generation (around line 3182) still
 * targets those same pseudo-elements for the .chbs-state-selected/-completed
 * states with higher specificity than a plain revival would have, so this
 * block keeps the connector on the single ul::before track instead of
 * reviving per-step pseudo-elements.
 * Scoped to the desktop/tablet horizontal layout only (>= 768px); the
 * existing narrower-viewport accordion step selector is untouched.
 * -------------------------------------------------------------------------- */

@media (min-width: 768px) {
body.theme-versatours.theme-versatours .chbs-main-navigation-default {
		width: 100% !important;
		max-width: none !important;
		margin: 0 0 clamp(28px, 4vw, 40px) !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default > ul {
		gap: 0 !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default > ul::before {
		content: "" !important;
		display: block !important;
		position: absolute !important;
		z-index: 0 !important;
		top: 2.8rem !important;
		left: calc(100% / 6) !important;
		right: calc(100% / 6) !important;
		height: 3px !important;
		border-radius: 999px !important;
		background: var(--vt-muted) !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default li > div {
		position: relative !important;
		z-index: 1 !important;
		box-shadow: 0 1px 3px rgba(15, 61, 62, .08) !important;
		transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default li.chbs-state-selected > div {
		box-shadow: 0 0 0 4px rgba(245, 166, 35, .14) !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default li.chbs-state-completed > div {
		border-color: var(--vt-primary) !important;
		background: var(--vt-primary) !important;
		color: var(--vt-on-primary) !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default li > a,
	body.theme-versatours.theme-versatours .chbs-main-navigation-default li > span {
		color: var(--vt-muted) !important;
		letter-spacing: .01em !important;
		transition: color .2s ease !important;
	}

body.theme-versatours.theme-versatours .chbs-main-navigation-default li.chbs-state-selected > a,
	body.theme-versatours.theme-versatours .chbs-main-navigation-default li.chbs-state-selected > span,
	body.theme-versatours.theme-versatours .chbs-main-navigation-default li.chbs-state-completed > a,
	body.theme-versatours.theme-versatours .chbs-main-navigation-default li.chbs-state-completed > span {
		color: var(--vt-text) !important;
	}
}

@media (max-width: 40em) {
__comment__ {/* Pair date and time on one row (persons stays full-width on its own
	   row below - three fields side by side was too cramped to read on
	   a phone-width screen). */}
}

.chbs-agreement>div>div {
            margin-left:0px !important;
        }


 .chbs-main .chbs-summary-price-element>div.chbs-summary-price-element-total>span:first-child+span
        {
            padding-top:5px !important;
		}

.chbs-main .chbs-main-content,
body.home.theme-versatours .chbs-main .chbs-main-content { margin: 0 !important; }