/**
 * Mini Cart — Style 5 (Floating Bubble).
 *
 * Circular icon button with a soft shadow and a floating count bubble — great as
 * a fixed/sticky cart launcher.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-mini-cart.captwiki-style-5 .captwiki-mini-cart__toggle {
	width: 56px;
	height: 56px;
	padding: 0;
	justify-content: center;
	border-radius: 50%;
	background: #111827;
	color: #fff;
	box-shadow: 0 10px 24px rgba( 17, 24, 39, 0.28 );
}

.captwiki-mini-cart.captwiki-style-5 .captwiki-mini-cart__toggle:hover {
	transform: translateY( -2px );
	box-shadow: 0 14px 30px rgba( 17, 24, 39, 0.34 );
}

.captwiki-mini-cart.captwiki-style-5 .captwiki-mini-cart__icon {
	position: relative;
}

/* Hide label / amount in the circular bubble to keep it compact. */
.captwiki-mini-cart.captwiki-style-5 .captwiki-mini-cart__label,
.captwiki-mini-cart.captwiki-style-5 .captwiki-mini-cart__amount {
	display: none;
}

.captwiki-mini-cart.captwiki-style-5 .captwiki-mini-cart__count {
	position: absolute;
	top: -10px;
	right: -12px;
	min-width: 22px;
	height: 22px;
	border: 2px solid #fff;
}
