/* Shared public UI layer for the six audited Vehicul pages. */
.vehicul-public-ui-page {
	--vehicul-brand-primary: #467a2d;
	--vehicul-brand-primary-hover: #385f26;
	--vehicul-brand-accent: #70b74b;
	--vehicul-focus: #1f5fbf;
	--vehicul-ink: #1f2a32;
	--vehicul-line: #d4ded9;
}

.vehicul-public-ui-page :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--vehicul-focus);
	outline-offset: 3px;
}

.vehicul-public-ui-page .fusion-mobile-selector:focus-visible,
.vehicul-public-ui-page .fusion-mobile-nav-holder a:focus-visible,
.vehicul-public-ui-page .fusion-mobile-menu-search input:focus-visible {
	position: relative;
	z-index: 2;
	outline: 3px solid var(--vehicul-focus) !important;
	outline-offset: 2px !important;
}

.vehicul-public-ui-page .fusion-footer-widget-area .fusion-social-network-icon,
.vehicul-public-ui-page .fusion-footer .fusion-social-network-icon {
	display: inline-flex !important;
	inline-size: 44px !important;
	block-size: 44px !important;
	align-items: center;
	justify-content: center;
	margin: 2px !important;
	border-radius: 50%;
}

@media (max-width: 800px) {
	.vehicul-public-ui-page .fusion-header-wrapper {
		block-size: auto !important;
		min-block-size: 0 !important;
	}

	.vehicul-public-ui-page .fusion-header {
		padding-inline: 16px !important;
		padding-block: 0 !important;
	}

	.vehicul-public-ui-page .fusion-header .fusion-row {
		position: relative;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(126px, 42%);
		gap: 14px;
		align-items: center;
		padding-block: 11px !important;
		padding-inline: 0 !important;
	}

	.vehicul-public-ui-page .fusion-logo {
		float: none !important;
		inline-size: auto !important;
		max-inline-size: 162px !important;
		margin: 0 !important;
	}

	.vehicul-public-ui-page .fusion-logo a {
		display: inline-flex !important;
		align-items: center;
	}

	.vehicul-public-ui-page .fusion-logo img {
		inline-size: auto !important;
		max-inline-size: 100% !important;
		max-block-size: 60px !important;
	}

	.vehicul-public-ui-page .fusion-mobile-nav-holder {
		position: static !important;
		inline-size: 100% !important;
		margin: 0 !important;
	}

	.vehicul-public-ui-page .fusion-mobile-selector {
		display: flex;
		min-block-size: 44px !important;
		align-items: center;
		justify-content: space-between;
		border: 1px solid var(--vehicul-line) !important;
		border-radius: 7px;
		background: #fff !important;
		color: var(--vehicul-ink) !important;
		font-size: 14px !important;
		font-weight: 750;
		line-height: 42px !important;
		box-shadow: 0 8px 24px rgba(31, 42, 50, 0.07);
	}

	.vehicul-public-ui-page .fusion-mobile-selector span {
		margin-inline: 14px 48px !important;
	}

	.vehicul-public-ui-page .fusion-selector-down {
		inset-inline-end: 0;
		block-size: 42px !important;
		line-height: 42px !important;
	}

	.vehicul-public-ui-page .fusion-mobile-nav-holder > ul {
		position: absolute !important;
		inset-block-start: 100%;
		inset-inline: 0;
		z-index: 10020;
		max-block-size: calc(100vh - 104px);
		max-block-size: calc(100dvh - 104px);
		overflow-y: auto;
		border: 1px solid var(--vehicul-line) !important;
		border-radius: 0 0 12px 12px;
		background: #fff;
		box-shadow: 0 24px 48px rgba(31, 42, 50, 0.16);
	}

	.vehicul-public-ui-page .fusion-mobile-nav-holder > ul > li > a,
	.vehicul-public-ui-page .fusion-mobile-nav-holder .fusion-mobile-nav-item a {
		display: flex !important;
		min-block-size: 46px;
		align-items: center;
		padding-block: 11px !important;
		font-size: 15px !important;
		line-height: 1.35 !important;
	}

	.vehicul-public-ui-page .fusion-mobile-menu-search input[type="search"],
	.vehicul-public-ui-page .fusion-mobile-menu-search input[type="text"] {
		min-block-size: 44px;
		font-size: 16px !important;
	}

	.vehicul-public-ui-page .wpml-ls-item > a {
		min-block-size: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vehicul-public-ui-page *,
	.vehicul-public-ui-page *::before,
	.vehicul-public-ui-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}