/**
 * Image Hotspot — Style 3: Map Pin
 *
 * Teardrop map pins ( rotated rounded square ) anchored by their tip, with
 * a drop shadow — perfect for location and venue images.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-hotspot.captwiki-style-3 .captwiki-hotspot__marker {
	border-radius: 50% 50% 50% 0;
	transform: translate( -50%, -100% ) rotate( -45deg );
	box-shadow: 0 6px 14px rgba( 17, 24, 39, 0.3 );
}

.captwiki-hotspot.captwiki-style-3 .captwiki-hotspot__marker:hover {
	transform: translate( -50%, -100% ) rotate( -45deg ) scale( 1.08 );
}

/* Counter-rotate the content so it stays upright. */
.captwiki-hotspot.captwiki-style-3 .captwiki-hotspot__num,
.captwiki-hotspot.captwiki-style-3 .captwiki-hotspot__marker-icon {
	transform: rotate( 45deg );
}

/* The pin tip sits on the anchor, so pulse hugs the rotated shape. */
.captwiki-hotspot.captwiki-style-3.captwiki-hotspot--pulse .captwiki-hotspot__marker::after {
	border-radius: inherit;
}

/* Lift side tooltips above the pin body instead of its tip. */
.captwiki-hotspot.captwiki-style-3 .captwiki-hotspot__tooltip--left,
.captwiki-hotspot.captwiki-style-3 .captwiki-hotspot__tooltip--right {
	top: calc( var( --captwiki-hs-marker ) * -0.7 );
}
