/*
Theme Name: Essentials Child
Theme URI: https://essentials.pixfort.com/
Author: PixFort
Template: essentials
Author URI: http://themeforest.net/user/pixfort
Description: Essentials child theme
Version: 1.0.3
License: Envato Marketplaces Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: essentials-child
Tags: header-builder, footer-builder, divider-builder, popup-builder, premium-design, translation-ready

*/

/* =====================================================================
   Auto Opkoper Mike — trust-topbar
   ===================================================================== */
.aom-topbar {
	background: linear-gradient(90deg, #0a1e2c 0%, #14475c 100%);
	color: #eaf4f8;
	font-size: 13px;
	line-height: 1.25;
}
.aom-topbar__inner {
	max-width: 1230px;
	margin: 0 auto;
	padding: 8px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.aom-topbar__usps {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
}
.aom-topbar__usp {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	white-space: nowrap;
}
.aom-tick {
	color: #67b8d3;
	font-weight: 700;
}
.aom-topbar__right {
	display: flex;
	align-items: center;
	gap: 16px;
}
.aom-topbar__rating {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #eaf4f8;
	text-decoration: none;
	white-space: nowrap;
}
.aom-topbar__rating:hover {
	color: #ffffff;
}
.aom-stars {
	color: #ffcb05;
	letter-spacing: 1px;
}
.aom-topbar__rating strong {
	font-weight: 700;
}
.aom-topbar__reach {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}
.aom-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
	flex-shrink: 0;
}
.aom-topbar__call {
	background: #d42f04;
	color: #ffffff;
	text-decoration: none;
	padding: 7px 14px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}
.aom-topbar__call:hover {
	color: #ffffff;
	filter: brightness(1.08);
}

/* Verberg de eigen PixFort-topbar (telefoon staat nu in de trust-topbar) */
.pix-topbar {
	display: none !important;
}

/* =====================================================================
   Fix: PixFort scroll-animatie (animate-in / pix-waiting) kan header-
   elementen op opacity:0 laten steken na de topbar-injectie. Forceer
   logo + menu + CTA in de header altijd zichtbaar.
   ===================================================================== */
#masthead .animate-in,
#masthead .pix-waiting,
#masthead .slide-in-container,
#masthead [class*="animate-in"],
#mobile_head .animate-in,
#mobile_head .pix-waiting,
#mobile_head .slide-in-container,
#mobile_head [class*="animate-in"] {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

/* =====================================================================
   Mobiel: compacte topbar
   ===================================================================== */
@media (max-width: 991px) {
	.aom-topbar__inner {
		padding: 7px 12px;
		justify-content: center;
		gap: 12px;
	}
	.aom-topbar__usps .aom-topbar__usp:nth-child(n+2) {
		display: none;
	}
	.aom-topbar__usp {
		font-size: 12px;
	}
	.aom-topbar__rating .aom-stars,
	.aom-topbar__count {
		display: none;
	}
	.aom-topbar__rating {
		font-size: 12px;
	}
	.aom-topbar__reach {
		display: none;
	}
	.aom-topbar__call {
		font-size: 12px;
		padding: 6px 11px;
	}
}