/**
 * Image Hotspot — Style 2: Numbered Circles
 *
 * White circles with accent numbers and a crisp border — a guided "shop the
 * look" / product callout style. Light tooltip.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-hotspot.captwiki-style-2 {
	--captwiki-hs-tooltip-bg: #ffffff;
}

.captwiki-hotspot.captwiki-style-2 .captwiki-hotspot__marker {
	background: #ffffff;
	color: var( --captwiki-hs-accent );
	border: 2px solid var( --captwiki-hs-accent );
	box-shadow: 0 4px 12px rgba( 17, 24, 39, 0.22 );
}

.captwiki-hotspot.captwiki-style-2 .captwiki-hotspot__tooltip {
	color: #1f2937;
	box-shadow: 0 14px 34px rgba( 17, 24, 39, 0.18 );
}

.captwiki-hotspot.captwiki-style-2 .captwiki-hotspot__text {
	color: #6b7280;
	opacity: 1;
}

.captwiki-hotspot.captwiki-style-2 .captwiki-hotspot__link {
	color: var( --captwiki-hs-accent );
}
