/* Cordiw logo — full image, original proportions (no split/scaling of text) */
.xxs-brand {
	display: inline-block;
	line-height: 1;
	text-decoration: none !important;
	background: transparent !important;
	vertical-align: middle;
}

.xxs-brand__img {
	display: block;
	width: auto;
	height: auto;
	background: transparent !important;
	border: 0;
}

/* Mobile — logoum.png */
.stm-layout-header-car_dealer #header .header-main {
	padding: 7px 0 10px !important;
	line-height: 1 !important;
}

/* Mobile header search — visible only in .header-main (xs/sm) */
.xxs-mobile-header-search {
	display: block;
	margin: 10px 0 2px;
	padding: 0;
	background: transparent !important;
	overflow: hidden;
	max-height: 56px;
	opacity: 1;
}

.xxs-mobile-header-search__inner {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 42px;
	background: #fff !important;
	background-color: #fff !important;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 0 10px 0 14px;
	box-shadow: none;
}

.xxs-mobile-header-search__input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0 !important;
	background: #fff !important;
	background-color: #fff !important;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none !important;
	padding: 10px 8px 10px 0;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color: #232628;
	outline: none;
}

.xxs-mobile-header-search__input::placeholder {
	color: #9aa3ad;
}

.xxs-mobile-header-search__input:-webkit-autofill,
.xxs-mobile-header-search__input:-webkit-autofill:hover,
.xxs-mobile-header-search__input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #232628 !important;
}

.xxs-mobile-header-search__btn {
	flex: 0 0 40px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	margin: 0;
	padding: 0;
	min-width: 40px;
	min-height: 40px;
	background: transparent !important;
	color: #6c98e1 !important;
	line-height: 1;
	cursor: pointer;
	opacity: 1 !important;
	visibility: visible !important;
}

.xxs-mobile-header-search__btn svg,
.xxs-mobile-header-search__icon {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.header-main .logo-main {
	min-height: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 72px !important;
}

.header-main .logo-main .xxs-brand {
	margin: 0 0 0 -6px !important;
	max-width: calc(100% - 88px);
	position: relative;
	z-index: 1;
}

.header-main .logo-main .xxs-brand__img {
	display: block;
	width: auto;
	height: 44px;
	max-height: 44px;
	max-width: min(230px, calc(100vw - 120px));
	object-fit: contain;
	object-position: left center;
}

.header-main .logo-main > .pull-right {
	position: absolute !important;
	right: 56px !important;
	top: 0 !important;
	bottom: 0 !important;
	transform: none !important;
	float: none !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	z-index: 30 !important;
	pointer-events: auto !important;
}

.header-main .logo-main > .pull-right .xxs-account-mobile-trigger {
	position: relative;
	z-index: 31 !important;
	pointer-events: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	margin: 0 !important;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.stm-layout-header-car_dealer .header-main .logo-main .mobile-menu-trigger {
	/* Trigger is 32px tall; center it vertically so it lines up with the login icon. */
	top: calc(50% - 16px) !important;
	right: 0 !important;
	transform: none !important;
	z-index: 25 !important;
}

/* Mobile sticky header — stays visible on scroll like desktop nav */
@media (max-width: 991px) {
	.stm-layout-header-car_dealer {
		--xxs-mobile-header-h-expanded: 168px;
		--xxs-mobile-header-h-compact: 54px;
		--xxs-mobile-header-h: var(--xxs-mobile-header-h-expanded);
	}

	/* Reserve space before JS runs — prevents iOS "already scrolled" on direct links. */
	.stm-layout-header-car_dealer #wrapper {
		padding-top: var(--xxs-mobile-header-h) !important;
	}

	/* Stop sideways page wiggle on mobile; header stays fixed to viewport. */
	html {
		overflow-x: hidden !important;
		overscroll-behavior-x: none;
	}

	body.stm-layout-header-car_dealer {
		width: 100%;
		overflow-x: hidden !important;
		overscroll-behavior-x: none;
	}

	/* auction.php: header is outside #wrapper — no document-flow gap above content */
	body.xxs-auction-page > #header {
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	/* Theme sets #wrapper{overflow:hidden}; fixed #header inside it gets clipped on scroll. */
	.stm-layout-header-car_dealer #wrapper {
		overflow: visible !important;
		width: 100%;
	}

	.stm-layout-header-car_dealer #header .header-main .container {
		padding-left: max(10px, env(safe-area-inset-left, 0px));
		padding-right: max(15px, env(safe-area-inset-right, 0px));
	}

	.stm-layout-header-car_dealer #header {
		position: static !important;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
		z-index: auto;
		background-color: transparent !important;
		box-shadow: none;
		overflow: visible !important;
	}

	.stm-layout-header-car_dealer #header .header-main {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10050 !important;
		background-color: #232628 !important;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.22);
		overflow: visible !important;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	/* auction.php: header lives on body (outside #wrapper) — avoid Android clipping */
	body.xxs-auction-page > #header .header-main {
		position: fixed !important;
	}

	/* Closed mobile menu must not inflate #header (Android Chrome auction bug). */
	.stm-layout-header-car_dealer #header .stm-opened-menu-listing:not(.opened) {
		display: none !important;
		height: 0 !important;
		max-height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.stm-layout-header-car_dealer #header .stm-opened-menu-listing.opened {
		display: block !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	.stm-layout-header-car_dealer #header .header-main {
		background-color: #232628 !important;
		overflow: visible !important;
	}

	.stm-layout-header-car_dealer #header .header-main .container,
	.stm-layout-header-car_dealer #header .header-main .logo-main {
		overflow: visible !important;
	}

	.stm-layout-header-car_dealer #header .header-main .logo-main {
		min-height: 48px !important;
	}

	.stm-layout-header-car_dealer #header.xxs-mobile-header-compact .header-main {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.stm-layout-header-car_dealer #header.xxs-mobile-header-compact .xxs-mobile-header-search {
		display: none !important;
		max-height: 0 !important;
		opacity: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		pointer-events: none !important;
		overflow: hidden !important;
	}

	.stm-layout-header-car_dealer #header .header-main .logo-main {
		position: relative;
		z-index: 3;
	}

	.stm-layout-header-car_dealer #main {
		position: relative;
		z-index: 1;
		width: 100%;
		box-sizing: border-box;
	}

	/* WP Visual Composer full-bleed rows: reset 100vw breakout so clip does not shift content left */
	body.stm-layout-header-car_dealer .vc_row[data-vc-full-width="true"],
	body.stm-layout-header-car_dealer .vc_row.vc_row-no-padding {
		width: 100% !important;
		max-width: 100% !important;
		left: auto !important;
		right: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		transform: none !important;
	}

	body.stm-layout-header-car_dealer #wrapper #main img,
	body.stm-layout-header-car_dealer #wrapper #main video,
	body.stm-layout-header-car_dealer #wrapper #main iframe,
	body.stm-layout-header-car_dealer #wrapper #main .owl-carousel {
		max-width: 100%;
	}
}

/* Mobile menu — theme default look, only z-index + submenu fixes */
@media (max-width: 991px) {
	body.xxs-mobile-menu-open::before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.45);
		z-index: 10040;
	}

	body.xxs-mobile-menu-open #header {
		z-index: 10055 !important;
	}

	body.xxs-mobile-menu-open #header .header-main {
		transform: none !important;
		-webkit-transform: none !important;
	}

	/* While the menu is open, collapse the search row so the panel sits right under the button row. */
	body.xxs-mobile-menu-open #header .xxs-mobile-header-search {
		display: none !important;
		max-height: 0 !important;
		opacity: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		pointer-events: none !important;
		overflow: hidden !important;
	}

	body.xxs-mobile-menu-open #header .listing-menu-mobile-wrapper .stm-menu-trigger {
		position: relative;
		z-index: 10062 !important;
		pointer-events: auto !important;
	}

	body.xxs-account-drawer-open #header .header-main .logo-main,
	body.xxs-account-drawer-open #header .xxs-account-mobile-trigger {
		position: relative;
		z-index: 10065 !important;
		pointer-events: auto !important;
	}

	body.xxs-mobile-menu-open .select2-container,
	body.xxs-mobile-menu-open .select2-dropdown,
	body.xxs-mobile-menu-open .select2-container--open {
		z-index: 1 !important;
	}

	.stm-template-listing_four.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing.opened,
	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing.opened,
	body > .stm-opened-menu-listing.opened {
		position: fixed !important;
		/* Anchor to the logo/button row, not the full header (search may be hidden). */
		top: var(--xxs-mobile-header-h-compact, 54px) !important;
		right: 0 !important;
		bottom: 0 !important;
		left: auto !important;
		width: 279px !important;
		max-width: min(320px, 88vw) !important;
		margin: 0 !important;
		padding: 0 0 calc(14px + env(safe-area-inset-bottom, 0px)) 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		background-color: #232628 !important;
		box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.2) !important;
		z-index: 10051 !important;
	}

	.stm-template-listing_four.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing.opened .xxs-mobile-nav,
	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing.opened .xxs-mobile-nav,
	body > .stm-opened-menu-listing.opened .xxs-mobile-nav {
		padding-top: 0;
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav,
	#xxs-account-mobile-drawer .xxs-mobile-nav {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li > a,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li > a,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li > form > button {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 14px 20px !important;
		line-height: 1.25 !important;
		color: #fff !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		font-family: inherit;
		text-decoration: none !important;
		background: transparent !important;
		border: 0;
		text-align: left;
		cursor: pointer;
		-webkit-appearance: none;
		appearance: none;
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li.xxs-menu-section,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li.xxs-menu-section {
		padding: 18px 20px 8px;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.25;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.88);
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li.xxs-menu-section:first-of-type,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li.xxs-menu-section:first-of-type {
		margin-top: 4px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding-top: 20px;
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li.xxs-menu-sub > a,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li.xxs-menu-sub > a {
		padding: 11px 20px 11px 28px !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		color: rgba(255, 255, 255, 0.92) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li.is-current > a,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li.is-current > a,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li.is-current > form > button {
		color: #6c98e1 !important;
		background: rgba(255, 255, 255, 0.08) !important;
		box-shadow: inset 3px 0 0 #6c98e1;
	}

	.stm-layout-header-car_dealer .listing-menu-mobile-wrapper .stm-opened-menu-listing .xxs-mobile-nav > li.is-current.xxs-menu-sub > a,
	#xxs-account-mobile-drawer .xxs-mobile-nav > li.is-current.xxs-menu-sub > a {
		box-shadow: inset 3px 0 0 #6c98e1;
	}

	#xxs-account-mobile-drawer .xxs-mobile-nav > li > form {
		margin: 0;
		padding: 0;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav > li.xxs-menu-section {
		display: flex;
		align-items: center;
		gap: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav > li > a,
	#xxs-account-mobile-drawer .xxs-account-mobile-nav > li > form > button {
		display: flex !important;
		align-items: center;
		gap: 12px;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav > li.xxs-menu-sub > a {
		padding: 11px 20px 11px 44px !important;
		gap: 10px;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav .xxs-mobile-nav__icon {
		flex: 0 0 20px;
		width: 20px;
		text-align: center;
		color: #6c98e1 !important;
		font-size: 17px;
		line-height: 1;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav .xxs-mobile-nav__icon--section {
		flex: 0 0 24px;
		width: 24px;
		font-size: 20px;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav .xxs-mobile-nav__icon--sub {
		flex: 0 0 16px;
		width: 16px;
		font-size: 12px;
		opacity: 0.92;
	}

	#xxs-account-mobile-drawer .xxs-account-mobile-nav > li.is-current .xxs-mobile-nav__icon {
		color: #fff !important;
	}
}


/* Desktop — aligned with nav, nudged slightly down */
.header-menu > li.xxs-brand-item {
	vertical-align: middle !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 4px 8px 0 -6px !important;
}

.header-menu > li.xxs-brand-item > a.bloglogo {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	background: transparent !important;
}

.header-menu .xxs-brand--desktop .xxs-brand__img {
	height: 32px;
	width: auto;
	max-width: 152px;
}

@media (min-width: 992px) {
	#header-nav-holder .header-nav .main-menu {
		margin-left: 20px !important;
	}
	/* Extra Auctions item — tighten gaps so the bar fits on one row */
	.stm-layout-header-car_dealer .main-menu .header-menu > li > a {
		padding: 0 12px !important;
		font-size: 12px !important;
		letter-spacing: 0.02em;
	}
	.main-menu .header-menu > li > a {
		padding: 0 12px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.stm-layout-header-car_dealer .main-menu .header-menu > li > a,
	.main-menu .header-menu > li > a {
		padding: 0 8px !important;
		font-size: 11.5px !important;
	}
	#header-nav-holder .header-nav .main-menu {
		margin-left: 10px !important;
	}
	.header-menu .xxs-brand--desktop .xxs-brand__img {
		height: 30px;
		max-width: 136px;
	}
}

/* Footer — logodd.png (desktop), logodm.png (mobile) */
#footer .footer_widgets_wrapper {
	padding-top: 22px !important;
	padding-bottom: 22px !important;
}

#footer .footer_widgets_wrapper .row {
	display: flex !important;
	align-items: center !important;
	margin-bottom: 0 !important;
}

#footer aside {
	border: none !important;
}

#footer aside .widget-wrapper {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
}

#footer aside:first-child .widget-wrapper {
	padding-left: 40px !important;
}

#footer #footer-main {
	border-bottom: none !important;
}

#footer .widget-title {
	margin-bottom: 6px !important;
}

#footer .widget-title h6 {
	margin: 0 !important;
	padding-left: 0 !important;
	text-align: left;
}

#footer .textwidget p {
	margin: 0 !important;
	line-height: 1.45 !important;
}

#footer #footer-copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

#footer #footer-copyright,
#footer .footer-copyright {
	padding: 14px 0 12px !important;
}

#footer #footer-copyright .footer-copyright::before {
	display: none !important;
}

#footer #footer-copyright p {
	margin: 0 !important;
}

#footer .xxs-brand--footer,
#footer .xxs-brand--footer-mobile {
	display: block;
	margin: 0 !important;
	line-height: 0;
}

#footer .xxs-brand--footer-mobile {
	display: none;
}

#footer .xxs-brand--footer .xxs-brand__img,
#footer .xxs-brand--footer-mobile .xxs-brand__img {
	display: block;
	width: 80px;
	height: auto;
	max-width: 80px;
	margin: 0;
}

@media (max-width: 767px) {
	#footer .footer_widgets_wrapper {
		padding-top: 18px !important;
		padding-bottom: 16px !important;
	}

	#footer .footer_widgets_wrapper .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	#footer aside:first-child .widget-wrapper {
		padding-left: 0 !important;
	}

	#footer .footer_widgets_wrapper .row {
		align-items: flex-start !important;
		gap: 8px;
	}

	#footer .widget-title h6 {
		margin-left: -2px !important;
	}

	#footer aside:first-child {
		flex: 0 0 auto;
		width: auto;
		max-width: 38%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#footer aside:last-child {
		flex: 1 1 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#footer .xxs-brand--footer {
		display: none !important;
	}

	#footer .xxs-brand--footer-mobile {
		display: block !important;
	}

	#footer .xxs-brand--footer .xxs-brand__img,
	#footer .xxs-brand--footer-mobile .xxs-brand__img {
		width: 72px;
		max-width: 72px;
	}
}

@media (max-width: 400px) {
	.header-main .logo-main .xxs-brand__img {
		height: 40px;
		max-height: 40px;
		max-width: min(210px, calc(100vw - 112px));
	}
}

/* lightGallery — above fixed mobile header (z-index 10050) */
.lg-backdrop {
	z-index: 101000 !important;
}
.lg-outer {
	z-index: 101010 !important;
}
.lg-toolbar {
	z-index: 101020 !important;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
	z-index: 101020 !important;
}
.lg-progress-bar {
	z-index: 101025 !important;
}

@media (max-width: 991px) {
	.lg-outer .lg-toolbar,
	.lg-hide-items .lg-toolbar {
		opacity: 1 !important;
		transform: none !important;
		-webkit-transform: none !important;
		top: 0 !important;
		padding-top: env(safe-area-inset-top, 0px);
		min-height: calc(47px + env(safe-area-inset-top, 0px));
		background-color: rgba(0, 0, 0, 0.55) !important;
	}
	.lg-toolbar .lg-close {
		position: relative;
		z-index: 101030 !important;
		float: right;
		width: 48px !important;
		height: 48px !important;
		line-height: 48px !important;
		padding: 0 !important;
		margin: 0 6px 0 0;
		color: #fff !important;
		opacity: 1 !important;
		transform: none !important;
		-webkit-transform: none !important;
		-webkit-tap-highlight-color: transparent;
	}
	.lg-toolbar .lg-close:after {
		content: "×" !important;
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: 32px !important;
		font-weight: 400 !important;
		line-height: 48px !important;
	}
	.lg-toolbar .lg-close:hover,
	.lg-toolbar .lg-close:focus {
		color: #fff !important;
	}
	.lg-toolbar .lg-icon:not(.lg-close) {
		display: none !important;
	}
}