.vt-cam-locked-badge {
	display: inline-block;
	position: relative;
	top: 0.1em;
	margin-left: 0.2em;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	/* lock.svg sits in plugin root; use ../ to reach it from assets/ */
	background: #000 url("../lock.svg") no-repeat center center;
	background-size: 14px 14px;
	border-radius: 50%;
	user-select: none;
}

.vt-cam-locked-member .item-title > a,
.vt-cam-locked-member .member-name > a,
.vt-cam-locked-member > .author > a,
.vt-cam-locked-member .member-name-item > a {
	display: inline-block;
}

.vt-cam-locked-badge-tooltip {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.82);
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0;
	max-width: 220px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	position: absolute;
	z-index: 99999;
	transition: opacity 0.2s ease-in-out;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	opacity: 1;
	pointer-events: none;
	border: none;
	background-clip: padding-box;
	user-select: none;
}

.vt-cam-locked-badge-tooltip[style*="hidden"] {
	opacity: 0;
}

.vt-cam-locked-badge-tooltip .vt-cam-locked-badge-tooltip-arrow {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid;
	width: 0;
	height: 0;
	left: calc(50% - 6px);
}

.vt-cam-locked-badge-tooltip[data-popper-placement="top"] .vt-cam-locked-badge-tooltip-arrow {
	top: calc(100% - 1px);
	border-width: 6px 6px 0;
	border-top-color: rgba(0, 0, 0, 0.8);
}

.vt-cam-locked-badge-tooltip[data-popper-placement="bottom"] .vt-cam-locked-badge-tooltip-arrow {
	bottom: calc(100% - 1px);
	border-width: 0 6px 6px 6px;
	border-bottom-color: rgba(0, 0, 0, 0.8);
}

/* Apply the same hardened styling to verified/unverified tooltips so themes/Kleo cannot override */
.bp-verified-badge-tooltip,
.bp-unverified-badge-tooltip {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.82);
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0;
	max-width: 220px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	position: absolute;
	z-index: 99999;
	transition: opacity 0.2s ease-in-out;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	opacity: 1;
	pointer-events: none;
	border: none;
	background-clip: padding-box;
	user-select: none;
}

.bp-verified-badge-tooltip[style*="hidden"],
.bp-unverified-badge-tooltip[style*="hidden"] {
	opacity: 0;
}

.bp-verified-badge-tooltip .bp-verified-badge-tooltip-arrow,
.bp-unverified-badge-tooltip .bp-unverified-badge-tooltip-arrow,
.vt-cam-locked-badge-tooltip .bp-verified-badge-tooltip-arrow,
.vt-cam-locked-badge-tooltip .bp-unverified-badge-tooltip-arrow {
	position: absolute !important;
	content: "";
	border-color: transparent;
	border-style: solid;
	width: 0;
	height: 0;
	left: calc(50% - 6px);
}

.bp-verified-badge-tooltip[data-popper-placement="top"] .bp-verified-badge-tooltip-arrow,
.bp-unverified-badge-tooltip[data-popper-placement="top"] .bp-unverified-badge-tooltip-arrow {
	top: calc(100% - 1px);
	border-width: 6px 6px 0;
	border-top-color: rgba(0, 0, 0, 0.8);
}

.bp-verified-badge-tooltip[data-popper-placement="bottom"] .bp-verified-badge-tooltip-arrow,
.bp-unverified-badge-tooltip[data-popper-placement="bottom"] .bp-unverified-badge-tooltip-arrow {
	bottom: calc(100% - 1px);
	border-width: 0 6px 6px 6px;
	border-bottom-color: rgba(0, 0, 0, 0.8);
}

/* Override Kleo/BuddyPress item-title span color rule */
#buddypress ul.item-list li div.item-title span.vt-cam-locked-badge-tooltip,
#buddypress ul.item-list li div.item-title span.bp-verified-badge-tooltip,
#buddypress ul.item-list li div.item-title span.bp-unverified-badge-tooltip {
	color: #fff !important;
}

/* WP Grid Builder reset override: ensure our tooltips keep their styling inside cards */
.wp-grid-builder .wpgb-card .vt-cam-locked-badge-tooltip,
.wp-grid-builder .wpgb-card .bp-verified-badge-tooltip,
.wp-grid-builder .wpgb-card .bp-unverified-badge-tooltip {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.82) !important;
	padding: 6px 12px !important;
	border-radius: 4px !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
	font-style: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	letter-spacing: 0 !important;
	max-width: 220px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
	position: absolute !important;
	z-index: 99999 !important;
	transition: opacity 0.2s ease-in-out !important;
	margin: 0 !important;
	text-align: center !important;
	white-space: nowrap !important;
	opacity: 1 !important;
	pointer-events: none !important;
	border: none !important;
	background-clip: padding-box !important;
	user-select: none !important;
}

.wp-grid-builder .wpgb-card .vt-cam-locked-badge-tooltip[style*="hidden"],
.wp-grid-builder .wpgb-card .bp-verified-badge-tooltip[style*="hidden"],
.wp-grid-builder .wpgb-card .bp-unverified-badge-tooltip[style*="hidden"] {
	opacity: 0 !important;
	transition: opacity 0.2s ease-in-out !important;
}

.wp-grid-builder .wpgb-card .vt-cam-locked-badge-tooltip .vt-cam-locked-badge-tooltip-arrow,
.wp-grid-builder .wpgb-card .bp-verified-badge-tooltip .bp-verified-badge-tooltip-arrow,
.wp-grid-builder .wpgb-card .bp-unverified-badge-tooltip .bp-unverified-badge-tooltip-arrow {
	position: absolute !important;
}