/* =============================================================
   VALN UI Enhancements — Sticky Nav Trust Bar (desktop only)
   ============================================================= */

/* ---- Desktop only ---- */
@media (min-width: 981px) {

	/*
	 * The wrapper is appended inside .et_pb_row_2_tb_header.et_pb_sticky_module.
	 * Divi keeps the element in the header DOM and applies position:fixed to it
	 * on scroll. We use inset:0 so the wrapper always fills the row, then flex to
	 * centre content — this works whether the row is position:relative or :fixed.
	 */
	.valn-nav-trust-bar {
		position: absolute;
		inset: 0;                          /* fills the containing nav row */
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		z-index: 20;

		/* Hidden by default; opacity transition on class change */
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	/* Show when body class is present */
	body.valn-scrolled-past-hero .valn-nav-trust-bar {
		opacity: 1;
		pointer-events: auto;
	}

	/*
	 * Scale down the cloned trust bar.
	 * Remove hero pill border/bg — trust bar sits on the white nav.
	 */
	.valn-nav-trust-bar .valnHeroV10E__trust {
		display: flex !important;          /* override the hero grid layout */
		align-items: center !important;
		gap: 0 !important;
		font-size: 0.68em;
		line-height: 1.3;
		white-space: nowrap;
		margin: 0 !important;
		/* Strip hero pill styling */
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
		padding: 0 !important;
		max-width: none !important;
		width: auto !important;
	}

	/* Trust items: no grid, just flex row */
	.valn-nav-trust-bar .valnHeroV10E__trustItem {
		font-size: inherit !important;
		padding: 0 12px !important;
	}

	/* Text colour: dark navy on white nav background */
	.valn-nav-trust-bar .valnHeroV10E__plainText,
	.valn-nav-trust-bar .valnHeroV10E__metaText,
	.valn-nav-trust-bar .valnHeroV10E__googleScore,
	.valn-nav-trust-bar .valnHeroV10E__googleLabel {
		color: #00296b !important;
		-webkit-text-fill-color: #00296b !important;
	}

	/* Dividers between trust items */
	.valn-nav-trust-bar .valnHeroV10E__trustItem + .valnHeroV10E__trustItem {
		border-left: 1px solid rgba(0, 41, 107, 0.2) !important;
	}

	/* Shrink flag SVGs */
	.valn-nav-trust-bar .valnHeroV10E__flagWrap,
	.valn-nav-trust-bar .valnHeroV10E__flagWrap svg {
		width: 13px !important;
		height: 9px !important;
		flex-basis: 13px !important;
	}

	/* Force desktop variant on, mobile variant off */
	.valn-nav-trust-bar .valnHeroV10E__desktopOnly {
		display: inline-flex !important;
	}
	.valn-nav-trust-bar .valnHeroV10E__mobileOnly {
		display: none !important;
	}

}

/* ---- Mobile / tablet — hard off ---- */
@media (max-width: 980px) {
	.valn-nav-trust-bar {
		display: none !important;
	}
}