/**
 * Cafés El Criollo - Anillo de progreso de envío gratis
 * Estilos del SVG circular que envuelve el icono del mini carrito.
 */

.wc-block-mini-cart__quantity-badge {
	position: relative;
}

.criollo-shipping-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 0;
}

.criollo-shipping-ring svg {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	display: block;
	overflow: visible;
}

.criollo-shipping-ring__bg {
	fill: none;
	stroke: rgba(0, 0, 0, 0.10);
	stroke-width: 2.5;
}

.criollo-shipping-ring__bar {
	fill: none;
	stroke: #dc2626;
	stroke-width: 2.5;
	stroke-linecap: round;
	transition:
		stroke-dashoffset 0.55s cubic-bezier(0.4, 0, 0.2, 1),
		stroke 0.55s ease;
}

.criollo-shipping-ring.is-complete .criollo-shipping-ring__bar {
	animation: criollo-pulse 1.2s ease-out 1;
}

@keyframes criollo-pulse {
	0%   { stroke-width: 2.5; opacity: 1; }
	50%  { stroke-width: 4;   opacity: 0.85; }
	100% { stroke-width: 2.5; opacity: 1; }
}

.wc-block-mini-cart__icon,
.wc-block-mini-cart__badge {
	position: relative;
	z-index: 1;
}