/* Hoptrans — interactive cards: hover = soft shadow only (no border/outline shift) */

body.hoptrans-gradient-landing,
body.page-id-1884,
body.page-id-1925 {
	--hop-card-shadow-hover: 0 10px 28px rgba(28, 46, 32, 0.08);
	--hop-card-border-rest: var(--hop-i08, rgba(28, 46, 32, 0.08));
}

/* Bordered hoptrans card links (path, card, value, icon tiles) */
body.hoptrans-gradient-landing a[class*="hoptrans-"]:is(
		[class*="-path"],
		[class*="-card"],
		[class*="-value"],
		[class*="-icon"]
	):hover,
body.hoptrans-gradient-landing a[class*="hoptrans-"]:is(
		[class*="-path"],
		[class*="-card"],
		[class*="-value"],
		[class*="-icon"]
	):focus-visible,
body.page-id-1884 a[class*="hoptrans-"]:is(
		[class*="-path"],
		[class*="-card"],
		[class*="-value"],
		[class*="-icon"]
	):hover,
body.page-id-1884 a[class*="hoptrans-"]:is(
		[class*="-path"],
		[class*="-card"],
		[class*="-value"],
		[class*="-icon"]
	):focus-visible,
body.page-id-1925 a[class*="hoptrans-"]:is(
		[class*="-path"],
		[class*="-card"],
		[class*="-value"],
		[class*="-icon"]
	):hover,
body.page-id-1925 a[class*="hoptrans-"]:is(
		[class*="-path"],
		[class*="-card"],
		[class*="-value"],
		[class*="-icon"]
	):focus-visible {
	outline: none !important;
	border-color: var(--hop-card-border-rest) !important;
	box-shadow: var(--hop-card-shadow-hover) !important;
}

/* Karjera path cards — lift without border emphasis */
body.hoptrans-gradient-landing .hoptrans-karjera-path:hover,
body.hoptrans-gradient-landing .hoptrans-karjera-path:focus-visible,
body.page-id-1925 .hoptrans-karjera-path:hover,
body.page-id-1925 .hoptrans-karjera-path:focus-visible {
	border-color: var(--hop-card-border-rest) !important;
	box-shadow: var(--hop-card-shadow-hover) !important;
	transform: translateY(-2px);
	outline: none !important;
}

/* WPBakery linked columns inside hoptrans sections */
body.hoptrans-gradient-landing [class*="hoptrans-"] .vc_column-inner.column-link:hover,
body.hoptrans-gradient-landing [class*="hoptrans-"] .vc_column-inner.column-link:focus-within,
body.page-id-1884 [class*="hoptrans-"] .vc_column-inner.column-link:hover,
body.page-id-1884 [class*="hoptrans-"] .vc_column-inner.column-link:focus-within,
body.page-id-1925 [class*="hoptrans-"] .vc_column-inner.column-link:hover,
body.page-id-1925 [class*="hoptrans-"] .vc_column-inner.column-link:focus-within {
	outline: none !important;
	box-shadow: var(--hop-card-shadow-hover) !important;
}