/*
 * Compatibility layer for the native WPCarSync archive and single templates.
 *
 * The shared component geometry remains in the dabag child theme's
 * vehicle-experience.css. These rules are intentionally scoped to the body
 * class emitted by Dabag_WPCarSync_Live_Templates so WPCarSync cannot leak its
 * legacy/agency colour states or layout widths into the dabag presentation.
 */

body.dabag-wpcarsync-live {
	--dabag-live-blue: var(--color-blue, #36a9e1);
	--dabag-live-blue-dark: #238fc4;
	--dabag-live-ink: var(--color-ink, #111);
	--dabag-live-white: var(--color-white, #fff);
	--dabag-live-border: var(--color-gray-300, #d6d6d6);
	--dabag-live-muted: var(--color-gray-700, #707070);
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive, .dabag-vehicle-single) {
	/* Override WPCarSync theme tokens locally, including legacy form tokens. */
	--vehicle-accent: var(--dabag-live-blue);
	--wpcs-color-primary: var(--dabag-live-blue);
	--wpcs-color-primary-bright: var(--dabag-live-blue-dark);
	--wpcs-color-primary-dim: rgb(54 169 225 / 14%);
	--wpcs-color-primary-glow: rgb(54 169 225 / 28%);
	--wpcs-color-secondary: var(--dabag-live-ink);
	--wpcs-color-bg: var(--dabag-live-white);
	--wpcs-color-surface: var(--dabag-live-white);
	--wpcs-color-surface-2: #f7f7f7;
	--wpcs-color-surface-3: #f1f1f1;
	--wpcs-color-text: var(--dabag-live-ink);
	--wpcs-color-text-muted: var(--dabag-live-muted);
	--wpcs-color-text-dim: var(--dabag-live-muted);
	--wpcs-color-border: var(--dabag-live-border);
	--wpcs-color-border-hover: var(--dabag-live-ink);
	--wpcs-button-color: var(--dabag-live-ink);
	--wpcs-button-color-bg: var(--dabag-live-white);
	--wpcs-button-color-hover: var(--dabag-live-white);
	--wpcs-button-color-bg-hover: var(--dabag-live-ink);
	--wpcs-form-active-color: var(--dabag-live-blue);
	--wpcs-form-active-inner-color: var(--dabag-live-white);
	--wpcs-form-bg-color: var(--dabag-live-white);
	--wpcs-form-border-color: var(--dabag-live-border);
	--wpcs-form-inner-color: var(--dabag-live-ink);
	--wpcs-form-text-color: var(--dabag-live-ink);
	--wpcs-form-handle-icon-color: var(--dabag-live-blue);
	--wpcs-theme-primary-color: var(--dabag-live-blue);
	--wpcs-theme-primary-color-font: var(--dabag-live-white);
	--wpcs-theme-secondary-color: var(--dabag-live-ink);
	--wpcs-theme-secondary-color-font: var(--dabag-live-white);
	min-inline-size: 0;
	background: var(--dabag-live-white);
	-webkit-tap-highlight-color: rgb(54 169 225 / 18%);
}

body.dabag-wpcarsync-live #wpcs_template_content {
	inline-size: 100%;
	max-inline-size: none;
	margin: 0;
	overflow: clip;
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive, .dabag-vehicle-single) :focus-visible {
	outline-color: var(--dabag-live-blue);
}

/* Native archive wrapper and live cards. */

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-grid--wpcarsync,
body.dabag-wpcarsync-live .dabag-location-vehicles .dabag-vehicle-grid--wpcarsync {
	display: block;
	inline-size: 100%;
	max-inline-size: none;
	min-inline-size: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync, .dabag-location-vehicles) :is(.wpcs_vehicle_list, .wpcs_vehicles_wrapper) {
	inline-size: 100%;
	width: 100%;
	max-inline-size: none;
	max-width: none;
	padding: 0;
	margin: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync, .dabag-location-vehicles) .wpcs-vehicle-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	inline-size: 100%;
	width: 100%;
	max-inline-size: none;
	min-inline-size: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync, .dabag-location-vehicles) .vehicle-on-archive {
	display: flex;
	flex: 1 1 100%;
	inline-size: 100%;
	width: 100%;
	max-inline-size: none;
	max-width: none;
	min-inline-size: 0;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	inline-size: 100%;
	min-inline-size: 0;
	block-size: 100%;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__media > a {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 14rem;
	color: inherit;
	background: #efefef;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__media > a > img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 14rem;
	max-block-size: 19rem;
	object-fit: cover;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__image-placeholder,
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-gallery__placeholder {
	display: grid;
	place-items: center;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 15rem;
	padding: 1rem;
	color: var(--dabag-live-gray);
	background: #ececec;
	font-weight: var(--font-bold, 700);
	text-align: center;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__body {
	flex: 1 1 auto;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__body h3 a {
	color: var(--dabag-live-ink);
	text-decoration: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__body h3 a:is(:hover, :focus-visible) {
	color: var(--dabag-live-ink);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.15em;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__actions {
	align-self: end;
	inline-size: 100%;
	margin-block-start: auto;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__actions > .button-light {
	box-shadow: var(--shadow-ui, 0 0.35rem 1rem rgb(17 17 17 / 16%));
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park,
body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park > :is(.dxim_vehicle_button, .wpcs-btn-wrap) {
	display: flex;
	min-inline-size: 0;
	inline-size: 100%;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park :is(a, button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 3rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--dabag-live-blue);
	border-radius: var(--radius-pill, 999px);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
	box-shadow: none;
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: var(--font-bold, 700);
	line-height: 1.1;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__actions > .button-light {
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: var(--font-bold, 700);
	line-height: 1.1;
	text-transform: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park :is(a, button):is(:hover, :focus, :focus-visible, :active),
body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park :is(a, button).wpcs_is_parked {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park :is(svg, img, .wpcs_icon) {
	inline-size: 1.1rem;
	block-size: 1.1rem;
	color: currentcolor;
	fill: none;
	stroke: currentcolor;
}

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__park svg :is(path, line, polyline, circle) {
	fill: none;
	stroke: currentcolor;
}

/* Archive controls: white at rest, black while open, blue only for values. */

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__primary-search--trigger, .dabag-vehicle-archive__panel-trigger) {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
	box-shadow: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__primary-search--trigger, .dabag-vehicle-archive__panel-trigger) > img {
	filter: brightness(0);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__primary-search--trigger, .dabag-vehicle-archive__panel-trigger):is(:hover, :focus-visible, :active, [aria-expanded="true"]) {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__primary-search--trigger, .dabag-vehicle-archive__panel-trigger):is(:hover, :focus-visible, :active, [aria-expanded="true"]) > img {
	filter: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__primary-search--trigger, .dabag-vehicle-archive__panel-trigger).has-value {
	border-color: var(--dabag-live-blue);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__primary-search--trigger, .dabag-vehicle-archive__panel-trigger).has-value > img {
	filter: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-archive__search-shell:has(.dabag-vehicle-archive__primary-search:is(.has-value, [aria-expanded="true"])) .dabag-vehicle-archive__search-clear {
	color: var(--dabag-live-white);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) :is(.dabag-vehicle-archive__search-clear, .dabag-vehicle-search-form__clear):is(:hover, :focus-visible, :active) {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-archive__filter-result-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-inline-size: 1.55rem;
	min-block-size: 1.55rem;
	padding-inline: 0.35rem;
	border-radius: var(--radius-pill, 999px);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
	font-size: 0.74rem;
	font-weight: var(--font-bold, 700);
	line-height: 1;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-archive__filter-result-count .wpcs_search_count {
	display: inline;
	color: inherit;
	font: inherit;
	line-height: inherit;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-archive__panel-trigger:is(:hover, :focus-visible, [aria-expanded="true"], .has-value) .dabag-vehicle-archive__filter-result-count {
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel > header :is(h2, h3) {
	margin: 0;
	font-size: clamp(1.45rem, 4vw, 2rem);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel > header button:is(:hover, :focus, :focus-visible, :active) {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(form, .dxim_filter_form, .wpcs-filter-form) {
	inline-size: 100%;
	max-inline-size: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel[data-vehicle-panel="search"] {
	max-block-size: min(78vh, 46rem);
	max-block-size: min(78dvh, 46rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-search-form {
	display: grid;
	gap: 0.8rem;
	min-inline-size: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-search-form__field {
	min-inline-size: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-search-form__field .searchInput {
	padding-inline-end: 3rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-search-form .wpcs_textsearch {
	display: block;
	min-inline-size: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-search-form .wpcs_search_results_default_wrapper {
	position: static;
	z-index: auto;
	inline-size: 100%;
	max-block-size: min(46vh, 25rem);
	max-block-size: min(46dvh, 25rem);
	margin-block-start: 0.35rem;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--dabag-live-border);
	border-radius: 0.75rem;
	background: var(--dabag-live-white);
	box-shadow: 0 0.55rem 1.5rem rgb(17 17 17 / 12%);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel__apply {
	justify-self: start;
	min-block-size: 2.75rem;
	padding: 0.55rem 1rem;
	font-size: 0.88rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.wpcs-filter-form, .wpcs_filter_form_grid) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 3vw, 2rem);
	inline-size: 100%;
	max-inline-size: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.wpcs-filter-form__column, .wpcs_filter_form_column) {
	display: grid;
	align-content: start;
	gap: 1rem;
	min-inline-size: 0;
	inline-size: 100%;
	padding: 0;
	margin: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter, .filter, .field) {
	position: relative;
	display: grid;
	gap: 0.4rem;
	float: none;
	clear: both;
	inline-size: 100%;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding: 0;
	margin: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .dxim_filter > label {
	position: static;
	display: block;
	inline-size: 100%;
	padding: 0;
	margin: 0;
	color: var(--dabag-live-muted);
	font-size: 0.86rem;
	font-weight: var(--font-regular, 400);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.wpcsselect, .wpcs_select, .wpcs_select_handle, .select2-container) {
	float: none;
	inline-size: 100%;
	min-inline-size: 0;
	max-inline-size: 100%;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.wpcs_select_handle, .wpcsselect .handle) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-block-size: 3rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--dabag-live-border);
	border-radius: 0.75rem;
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .wpcsselect) {
	inline-size: 100%;
	max-inline-size: 100%;
	min-block-size: 3.15rem;
	border-color: var(--dabag-live-border);
	border-radius: 0.75rem;
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
	box-shadow: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(input, select, textarea):focus {
	border-color: var(--dabag-live-blue);
	outline: 0.15rem solid rgb(54 169 225 / 24%);
	outline-offset: 0.08rem;
	box-shadow: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range, .wpcs-range-wrapper) {
	display: grid;
	gap: 0.55rem;
	inline-size: 100%;
	min-inline-size: 0;
	max-inline-size: 100%;
	padding-block: 0.2rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.label_wrapper, .wpcs-range-values, .wpcs-range-number-inputs, .input_fields) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	inline-size: 100%;
	min-inline-size: 0;
	margin: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.wpcs-range-track-container, [id^="wpcs_fs_"]) {
	inline-size: 100%;
	max-inline-size: 100%;
	margin-block: 0.4rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .wpcs-range-track-container {
	position: relative;
	display: flex;
	align-items: center;
	block-size: 1.5rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .wpcs-range-track {
	position: absolute;
	inset-inline: 0;
	block-size: 0.4rem;
	border-radius: var(--radius-pill, 999px);
	background: var(--dabag-live-border);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .wpcs-range-fill {
	position: absolute;
	block-size: 0.4rem;
	border-radius: var(--radius-pill, 999px);
	background: var(--dabag-live-blue);
	pointer-events: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .wpcs-range-inputs {
	position: absolute;
	inset-inline: 0;
	block-size: 1.5rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.noUi-target, .noUi-base) {
	border-color: var(--dabag-live-border);
	background: var(--dabag-live-border);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) [id^="wpcs_fs_"] {
	position: relative;
	min-block-size: 0.5rem;
	block-size: 0.5rem;
	padding: 0;
	border: 0;
	border-radius: var(--radius-pill, 999px);
	margin: 0.85rem 0 1rem;
	background: #d7d7d7;
	box-shadow: inset 0 0 0 1px rgb(17 17 17 / 8%);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) [id^="wpcs_fs_"]::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: #d7d7d7;
	pointer-events: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) .noUi-connects {
	position: relative;
	z-index: 1;
	inline-size: 100%;
	block-size: 100%;
	margin: 0;
	overflow: hidden;
	border-radius: inherit;
	background: transparent;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) .noUi-connect {
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) .noUi-origin {
	z-index: 2;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) .noUi-handle {
	inline-size: 1.5rem;
	block-size: 1.5rem;
	inset-block-start: -0.5rem;
	inset-inline-end: -0.75rem;
	border: 2px solid var(--dabag-live-white);
	border-radius: 50%;
	background: var(--dabag-live-blue);
	box-shadow: 0 0.15rem 0.5rem rgb(17 17 17 / 22%);
	cursor: grab;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) .noUi-handle::before,
body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_slider, .dxim_filter_range) .noUi-handle::after {
	display: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel input[type="range"] {
	min-block-size: 1.5rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	outline-offset: 0.15rem;
	background: transparent;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.dxim_filter_form_submit, .wpcs-filter__submit) {
	inline-size: 100%;
	max-inline-size: 100%;
	margin-block-start: 1rem;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .noUi-connect {
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs-vehicle-list > .dabag-vehicle-promo[data-dabag-vehicle-inline-promo-instance] {
	grid-column: 1 / -1;
	inline-size: 100%;
	margin: 0;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel .wpcs_filter_button.active {
	border-color: var(--dabag-live-blue);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs_filterform_active_filters .active_filter {
	border-color: var(--dabag-live-blue);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs_filterform_active_filters .active_filter :is(.label, .reset, button, a) {
	color: var(--dabag-live-white);
	background: transparent;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.45rem;
	max-inline-size: 100%;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs-pagination__btn {
	border-color: var(--dabag-live-border);
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
	text-decoration: none;
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs-pagination__btn:is(:hover, :focus, :focus-visible, :active) {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .wpcs-pagination__btn.active {
	border-color: var(--dabag-live-blue);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) #wpcs_pagination_button {
	border-color: var(--dabag-live-ink);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) #wpcs_pagination_button:is(:hover, :focus, :focus-visible, :active) {
	border-color: var(--dabag-live-blue);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-dock button:is(:hover, :focus, :focus-visible, :active, [aria-expanded="true"]) {
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-dock button.has-value {
	color: var(--dabag-live-blue);
	background: var(--dabag-live-ink);
}

/* Native single layout and non-magenta interactive states. */

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__share-status {
	grid-column: 1 / -1;
	justify-self: end;
	padding: 0.45rem 0.7rem;
	border-radius: 0.65rem;
	margin: 0;
	color: var(--dabag-live-ink);
	background: #f1f1f1;
	font-size: 0.82rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__share-status.is-success {
	color: #075c2d;
	background: #e7f8ed;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__share-status.is-error {
	color: #7b1f1f;
	background: #fdecec;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__header-actions > button,
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__park-action :is(a, button) {
	display: grid;
	place-items: center;
	inline-size: 2.35rem;
	block-size: 2.35rem;
	min-inline-size: 2.35rem;
	min-block-size: 2.35rem;
	padding: 0.3rem;
	border: 0;
	border-radius: 0.65rem;
	color: var(--dabag-live-ink);
	background: transparent;
	box-shadow: none;
	font-size: 0;
	line-height: 1;
	text-decoration: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__park-action :is(.dxim_vehicle_button, .wpcs-btn-wrap) {
	display: contents;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__header-actions > button:is(:hover, :focus, :focus-visible, :active),
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__park-action :is(a, button):is(:hover, :focus, :focus-visible, :active),
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__park-action :is(a, button).wpcs_is_parked {
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__park-action :is(svg, img, .wpcs_icon) {
	inline-size: 1.3rem;
	block-size: 1.3rem;
	color: currentcolor;
	fill: none;
	stroke: currentcolor;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__park-action svg :is(path, line, polyline, circle) {
	fill: none;
	stroke: currentcolor;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: clamp(0.25rem, 1.2vw, 0.55rem);
	min-inline-size: 0;
	min-block-size: 3.55rem;
	padding: 0.65rem clamp(0.4rem, 1.8vw, 0.9rem);
	border: 1px solid var(--dabag-live-ink);
	border-radius: var(--radius-pill, 999px);
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
	font-size: clamp(0.7rem, 2.45vw, 0.94rem);
	font-weight: var(--font-bold, 700);
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button).is-whatsapp {
	border-color: #00d755;
	background: #00d755;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button).is-phone {
	border-color: var(--dabag-live-blue);
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button).is-request {
	border-color: var(--dabag-live-ink);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button):is(:hover, :focus-visible, :active) {
	color: var(--dabag-live-white);
	filter: brightness(0.88);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button) > img {
	inline-size: clamp(1.05rem, 3.5vw, 1.45rem);
	block-size: clamp(1.05rem, 3.5vw, 1.45rem);
	flex: 0 0 auto;
	object-fit: contain;
}

/* Keep the live definition-list markup semantic without changing the mock templates. */

body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__fact > dt {
	display: contents;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__data-item {
	grid-template-areas:
		"icon label"
		"icon value";
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__data-item > dt {
	display: contents;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__data-item > dt > img {
	grid-area: icon;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__data-item > dt > span {
	grid-area: label;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__data-item > dd {
	grid-area: value;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__pricing.rate-only {
	grid-template-columns: minmax(0, 1fr);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__pricing.rate-only .dabag-vehicle-single__monthly-rate {
	padding-inline: 0;
	text-align: center;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details {
	min-inline-size: 0;
	padding: clamp(1.25rem, 4vw, 2.25rem);
	border-radius: var(--radius-card, 1.65rem);
	background: var(--dabag-live-white);
	box-shadow: var(--shadow-card, 0 0.45rem 1.5rem rgb(17 17 17 / 13%));
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details > h2 {
	margin-block: 0 1.25rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details > div {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	gap: 1rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details article {
	min-inline-size: 0;
	padding: clamp(1rem, 3vw, 1.5rem);
	border-radius: var(--radius-small, 1.1rem);
	background: #f2f2f2;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details article > h3 {
	margin-block: 0 1rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details :is(.wpcs-financing__items, table) {
	max-inline-size: 100%;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__finance-details .wpcs-financing__items {
	display: grid;
	gap: 0.7rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-summary {
	display: grid;
	grid-template-columns: minmax(5.5rem, 0.42fr) minmax(0, 0.58fr);
	min-inline-size: 0;
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: var(--radius-card, 1.65rem);
	background: #252525;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-summary > img {
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 10rem;
	object-fit: cover;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-summary > div {
	display: grid;
	align-content: center;
	gap: 0.35rem;
	min-inline-size: 0;
	padding: 1rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-summary :is(h3, p, strong, span) {
	margin: 0;
	color: var(--dabag-live-white);
	overflow-wrap: anywhere;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-summary h3 {
	font-size: clamp(1.1rem, 3.2vw, 1.5rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-summary strong {
	color: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-gallery__thumbnails button:is(:hover, :focus, :focus-visible, :active),
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tabs__list button:is(:hover, :focus, :focus-visible, :active) {
	color: var(--dabag-live-ink);
	background: transparent;
	box-shadow: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-gallery__thumbnails button[aria-pressed="true"]::after {
	background: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tabs__list button[aria-selected="true"] {
	border-color: var(--dabag-live-blue);
	background-color: transparent;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card {
	min-inline-size: 0;
	max-inline-size: 100%;
	overflow-wrap: anywhere;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card :is(img, video, iframe) {
	max-inline-size: 100%;
	block-size: auto;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card table {
	display: block;
	max-inline-size: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live [data-vehicle-tab-panel="description"] .dabag-vehicle-tab-card,
body.dabag-wpcarsync-live .dabag-vehicle-single--live [data-vehicle-tab-panel="location"] .dabag-vehicle-tab-card {
	font-family: var(--font-body, "Arial", sans-serif);
	font-weight: var(--font-regular, 400);
	line-height: 1.55;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live [data-vehicle-tab-panel="description"] .dabag-vehicle-tab-card :is(p, li, span, div, a, address, time, strong, b),
body.dabag-wpcarsync-live .dabag-vehicle-single--live [data-vehicle-tab-panel="location"] .dabag-vehicle-tab-card :is(p, li, span, div, a, address, time, strong, b) {
	font-family: inherit;
	font-weight: var(--font-regular, 400);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live [data-vehicle-tab-panel="location"] .dabag-vehicle-tab-card * {
	font-family: inherit;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live :is([data-vehicle-tab-panel="description"], [data-vehicle-tab-panel="location"]) .dabag-vehicle-tab-card :is(h2, h3, h4) {
	font-family: inherit;
	font-weight: var(--font-bold, 700);
}

/* The location shortcode remains the data source; this scope only normalises its presentation. */

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location :is(.dxim_vehicle_contact, .wpcs_contact, .wpcs-location-info, .wpcs-location-info__grid) {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2rem);
	min-inline-size: 0;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location :is(.wpcs-location-info__card, .wpcs_contact_card, .contact, .opening-hours) {
	position: relative;
	min-inline-size: 0;
	padding: clamp(1.15rem, 3vw, 1.75rem);
	border: 1px solid #dedede;
	border-radius: var(--radius-small, 1.1rem);
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location :is(.wpcs-location-info__card, .wpcs_contact_card, .contact, .opening-hours)::before {
	display: none;
	content: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location :is(h2, h3, h4) {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin-block-start: 0;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location :is(h2, h3, h4)::before,
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location a[href^="tel:"]::before,
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location a[href^="mailto:"]::before {
	display: inline-block;
	inline-size: 1.35rem;
	block-size: 1.35rem;
	flex: 0 0 1.35rem;
	content: "";
	background: center / contain no-repeat url("../../../../themes/dabag-child/assets/icons/vehicles/standort.svg");
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location a[href^="tel:"],
body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location a[href^="mailto:"] {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location a[href^="tel:"]::before {
	background-image: url("../../../../themes/dabag-child/assets/icons/vehicles/telefon.svg");
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-tab-card--location a[href^="mailto:"]::before {
	background-image: url("../../../../themes/dabag-child/assets/icons/vehicles/mail.svg");
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-location__actions {
	padding-block-start: 0.25rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-location__actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	inline-size: min(100%, 22rem);
	min-block-size: 3.15rem;
	border: 1px solid var(--dabag-live-blue);
	border-radius: var(--radius-pill, 999px);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
	font-weight: var(--font-bold, 700);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-location__actions .button:is(:hover, :focus-visible, :active) {
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
	border-color: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-location__actions img {
	inline-size: 1.25rem;
	block-size: 1.25rem;
	object-fit: contain;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live :is(.dabag-vehicle-single__legal, .dabag-vehicle-single__inquiry) {
	min-inline-size: 0;
	padding: clamp(1.25rem, 4vw, 2.25rem);
	border-radius: var(--radius-card, 1.65rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__legal {
	background: #f2f2f2;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__legal h2 {
	margin-block: 0 1rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__legal :is(table, img, svg) {
	max-inline-size: 100%;
}

/* WPCarSync form: keep its sending/AJAX behaviour, replace only presentation. */

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__inquiry {
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__inquiry .section-heading :is(h2, p) {
	color: var(--dabag-live-white);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__inquiry .eyebrow {
	color: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live :is(.dabag-vehicle-single__inquiry-layout, .wpcs_contact_form_wrapper, .wpcs_contact_form) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__inquiry-layout {
	display: grid;
	gap: clamp(1.25rem, 4vw, 2.5rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(.row, .field, .wpcs_form_field_group, .wpcs_conditional_field, .wpcs_form_context_wrapper, .wpcs-form-location-wrapper) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(label, .wpcs_form_headline h3, .wpcs_form_group_headline h3) {
	color: var(--dabag-live-white);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form .required {
	color: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
	display: block;
	inline-size: 100%;
	max-inline-size: 100%;
	min-block-size: 3.15rem;
	padding: 0.7rem 1rem;
	border: 1px solid var(--dabag-live-border);
	border-radius: var(--radius-pill, 999px);
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
	box-shadow: none;
	font: inherit;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form textarea {
	min-block-size: 9rem;
	border-radius: var(--radius-small, 1.1rem);
	resize: vertical;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(input, select, textarea):focus {
	border-color: var(--dabag-live-blue);
	outline: 0.15rem solid rgb(54 169 225 / 28%);
	outline-offset: 0.08rem;
	box-shadow: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(.wpcs_form_field_group, .wpcs_form_headline, .wpcs_form_group_headline) {
	border-color: rgb(255 255 255 / 20%);
	background: transparent;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form .wpcs-form-privacy-wrapper :is(label, a) {
	color: var(--dabag-live-white);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form .wpcs_form_submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 3.15rem;
	padding: 0.7rem 1.35rem;
	border: 1px solid var(--dabag-live-blue);
	border-radius: var(--radius-pill, 999px);
	color: var(--dabag-live-white);
	background: var(--dabag-live-blue);
	box-shadow: none;
	font: inherit;
	font-weight: var(--font-bold, 700);
	text-decoration: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form .wpcs_form_submit:is(:hover, :focus, :focus-visible, :active) {
	border-color: var(--dabag-live-white);
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(.wpcs_form_success, .wpcs_form_thank_you) {
	color: var(--dabag-live-white);
}

/* Vehicle inquiry overlay; WPCarSync still owns and submits the form. */

body.dabag-vehicle-inquiry-open {
	overflow: hidden;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal {
	position: fixed;
	z-index: 10020;
	inset: 0;
	display: grid;
	place-items: center;
	padding: clamp(0rem, 2.5vw, 1.5rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal[hidden] {
	display: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgb(17 17 17 / 72%);
	backdrop-filter: blur(0.2rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__dialog {
	position: relative;
	display: grid;
	grid-template-rows: minmax(0, 1fr);
	inline-size: min(100%, 52rem);
	min-block-size: 0;
	max-block-size: min(94vh, 62rem);
	max-block-size: min(94dvh, 62rem);
	border-radius: var(--radius-card, 1.65rem);
	overflow: hidden;
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
	box-shadow: 0 1.4rem 4rem rgb(0 0 0 / 32%);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__scroll {
	display: grid;
	gap: clamp(1.35rem, 4vw, 2.25rem);
	min-block-size: 0;
	max-block-size: 100%;
	padding: clamp(1.2rem, 5vw, 3rem);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	-webkit-overflow-scrolling: touch;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__close {
	position: absolute;
	z-index: 2;
	top: 0.85rem;
	right: 0.85rem;
	display: grid;
	place-items: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	padding: 0;
	border: 1px solid var(--dabag-live-ink);
	border-radius: 50%;
	color: var(--dabag-live-ink);
	background: var(--dabag-live-white);
	font: inherit;
	font-size: 1.55rem;
	line-height: 1;
	cursor: pointer;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__close:is(:hover, :focus-visible, :active) {
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .dabag-vehicle-single__contact-summary {
	grid-template-columns: minmax(5.5rem, 8rem) minmax(0, 1fr);
	padding: 0 3.25rem 0 0;
	border-radius: 0;
	color: var(--dabag-live-ink);
	background: transparent;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .dabag-vehicle-single__contact-summary > img {
	aspect-ratio: 1;
	border-radius: var(--radius-small, 1.1rem);
	object-fit: cover;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .dabag-vehicle-single__contact-summary :is(h3, p, span) {
	color: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__heading {
	max-inline-size: 42rem;
	margin-inline: auto;
	text-align: center;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__heading h2 {
	margin-block: 0 0.55rem;
	font-size: clamp(2.2rem, 7vw, 4rem);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__heading p {
	margin: 0;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form :is(label, .wpcs_form_headline h3, .wpcs_form_group_headline h3),
body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .wpcs-form-privacy-wrapper :is(label, a) {
	color: var(--dabag-live-ink);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea, .wpcsselect) {
	border-color: rgb(17 17 17 / 14%);
	background: var(--dabag-live-white);
	box-shadow: var(--shadow-ui, 0 0.25rem 0.8rem rgb(17 17 17 / 13%));
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .wpcsselect:focus-within {
	border-color: var(--dabag-live-blue);
	outline: 0.15rem solid rgb(54 169 225 / 28%);
	outline-offset: 0.08rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form textarea {
	min-block-size: 13rem;
	resize: vertical;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .field.kind_of_request {
	grid-column: 1 / -1;
	margin-block: 0.65rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .field.kind_of_request > label {
	display: block;
	margin-block-end: 0.85rem;
	font-size: clamp(1.2rem, 2.2vw, 1.6rem);
	font-weight: 700;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .field.kind_of_request .wpcs_multiple_checkbox {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem 1rem;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .field.kind_of_request .box {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 0;
	padding: 0.75rem 0.9rem;
	border: 1px solid rgb(17 17 17 / 12%);
	border-radius: 1rem;
	background: var(--dabag-live-white);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form input[type="checkbox"] {
	inline-size: 1.2rem;
	block-size: 1.2rem;
	margin: 0;
	accent-color: var(--dabag-live-blue);
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .field.kind_of_request .label {
	color: var(--dabag-live-ink);
	font: inherit;
	overflow-wrap: anywhere;
}

/* WPCarSync appends this shared select list to <body>, outside the modal. */
body.dabag-vehicle-inquiry-open #wpcs_select_list {
	--wpcs-color-primary: #36a9e1;
	--wpcs-color-primary-dim: #e1f3fb;
	--wpcs-form-active-color: #e1f3fb;
	--wpcs-form-active-inner-color: #111;
	z-index: 10040;
}

body.dabag-vehicle-inquiry-open #wpcs_select_list li:is(.selected, :hover, :focus) {
	color: #111;
	background: #e1f3fb;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .wpcs_form_submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: auto;
	min-block-size: 3.2rem;
	padding: 0.8rem 1.5rem;
	border-color: var(--dabag-live-ink);
	border-radius: 999px;
	color: var(--dabag-live-white);
	background: var(--dabag-live-ink);
	box-shadow: var(--shadow-ui, 0 0.25rem 0.8rem rgb(17 17 17 / 13%));
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
	text-transform: none;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .wpcs_form_submit:is(:hover, :focus-visible, :active) {
	border-color: #333;
	color: var(--dabag-live-white);
	background: #333;
}

body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .wpcs_form_submit:focus-visible {
	outline: 3px solid var(--dabag-live-blue);
	outline-offset: 2px;
}

@media (min-width: 768px) {
	body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync, .dabag-location-vehicles) .wpcs-vehicle-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__inquiry-layout:has(.dabag-vehicle-single__contact-summary) {
		grid-template-columns: minmax(14rem, 0.7fr) minmax(0, 1.3fr);
	}
}

@media (min-width: 1100px) {
	body.dabag-wpcarsync-live .dabag-vehicle-single--live > .container {
		grid-template-columns: minmax(0, 1.55fr) minmax(19rem, 0.65fr);
		align-items: stretch;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__header {
		grid-column: 2;
		grid-row: 1;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-gallery {
		display: contents;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-gallery__stage {
		grid-column: 1;
		grid-row: 1 / span 2;
		block-size: 100%;
		min-block-size: clamp(34rem, 48vw, 46rem);
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-gallery__thumbnails {
		grid-column: 1;
		grid-row: 3;
		padding-block-start: 0;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__sidebar {
		display: flex;
		grid-column: 2;
		grid-row: 2;
		align-self: stretch;
		flex-direction: column;
		min-block-size: 0;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__pricing {
		margin-block-start: auto;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live :is(.dabag-vehicle-single__data, .dabag-vehicle-single__finance-details, .dabag-vehicle-tabs, .dabag-vehicle-single__legal, .dabag-vehicle-finance-promo, .dabag-vehicle-single__inquiry) {
		grid-column: 1 / -1;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button) {
		min-block-size: 3rem;
		gap: 0.35rem;
		padding: 0.5rem 0.55rem;
		font-size: 0.82rem;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button) > img {
		inline-size: 1.15rem;
		block-size: 1.15rem;
	}
}

@media (min-width: 1200px) {
	body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync, .dabag-location-vehicles) .wpcs-vehicle-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal {
		padding: 0;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__dialog {
		inline-size: 100%;
		block-size: 100vh;
		block-size: 100dvh;
		max-block-size: none;
		border-radius: 0;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal__scroll {
		padding: 1.25rem;
		padding-block-start: 4.5rem;
	}

	body.dabag-wpcarsync-live :is(.dabag-vehicle-archive--native, .dabag-vehicle-archive--wpcarsync) .dabag-vehicle-panel :is(.wpcs-filter-form, .wpcs_filter_form_grid) {
		grid-template-columns: minmax(0, 1fr);
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form :is(.wpcs_grid_2, .wpcs_grid_3, .wpcs_grid_4, .wpcs_grid_5, .wpcs_grid_1_2, .wpcs_grid_2_1, .wpcs_grid_3_1, .wpcs_grid_1_3, .wpcs_grid_4_6, .wpcs_grid_7_3) {
		grid-template-columns: minmax(0, 1fr);
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .wpcs_contact_form .wpcs_grid_span_2 {
		grid-column: auto;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-inquiry-modal .wpcs_contact_form .field.kind_of_request .wpcs_multiple_checkbox {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 430px) {
	body.dabag-wpcarsync-live .dabag-vehicle-card--live .dabag-vehicle-card__actions {
		grid-template-columns: minmax(0, 1fr);
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions {
		gap: 0.45rem;
	}

	body.dabag-wpcarsync-live .dabag-vehicle-single--live .dabag-vehicle-single__contact-actions > :is(a, button) {
		min-block-size: 3rem;
		padding-inline: 0.4rem;
		font-size: 0.72rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.dabag-wpcarsync-live :is(.dabag-vehicle-archive, .dabag-vehicle-single) *,
	body.dabag-wpcarsync-live :is(.dabag-vehicle-archive, .dabag-vehicle-single) *::before,
	body.dabag-wpcarsync-live :is(.dabag-vehicle-archive, .dabag-vehicle-single) *::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
	}
}