/* Single-vehicle fallback template styles (moved from the inline <style> in
   templates/single-vehicle.php). */
/* Refined Layout for High-End Feel */
.rv-premium-skin {
	padding-bottom: 4rem;
	background: #f8fafc;
}

.rv-single-vehicle-unified-card {
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
	overflow: visible;
	margin-top: 2rem;
	border: 1px solid #edf2f7;
}

/* Breadcrumb Styling */
.mhm-vehicle-navigation {
	background: #fff;
	padding: 1.25rem 0;
	border-bottom: 1px solid #edf2f7;
}

.mhm-nav-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mhm-breadcrumb {
	font-size: 14px;
	color: #64748b;
}

.mhm-breadcrumb a {
	color: #3182ce;
	text-decoration: none;
	font-weight: 500;
}

.mhm-breadcrumb .separator {
	margin: 0 8px;
	color: #cbd5e1;
}

/* Scoped to the page wrapper (the .btn-back always renders inside it) so this rule
   keeps winning at head-print position, as the former body-end inline <style> did by
   source order — without leaking onto any theme/plugin .btn-back elsewhere. */
.rv-premium-skin .btn-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #64748b;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: color 0.2s;
}

.rv-premium-skin .btn-back:hover {
	color: #3182ce;
}