/*
 * Sale countdown styles.
 * Override tokens in :root for easy reuse.
 */
:root {
	--francoisyerg-sc-list-font-size: 12px;
	--francoisyerg-sc-list-color: #ff6b81;
	--francoisyerg-sc-list-font-weight: 600;
	--francoisyerg-sc-list-padding: 4px 8px;
	--francoisyerg-sc-list-bg: linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%);
	--francoisyerg-sc-list-radius: 4px;

	--francoisyerg-sc-single-margin: 15px 0 20px;
	--francoisyerg-sc-timer-gap: 10px;
	--francoisyerg-sc-timer-padding: 12px 20px;
	--francoisyerg-sc-timer-bg: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);
	--francoisyerg-sc-timer-border: #ffc1c1;
	--francoisyerg-sc-timer-radius: 8px;
	--francoisyerg-sc-timer-font-size: 14px;
	--francoisyerg-sc-timer-color: #d63031;
	--francoisyerg-sc-timer-font-weight: 600;
	--francoisyerg-sc-timer-shadow: 0 2px 8px rgba(255, 71, 87, 0.1);
	--francoisyerg-sc-strong-color: #ff4757;
	--francoisyerg-sc-icon-size: 18px;

	--francoisyerg-sc-urgent-bg: linear-gradient(135deg, #fff0f0 0%, #ffe0e0 100%);
	--francoisyerg-sc-urgent-border: #ff6b81;
	--francoisyerg-sc-urgent-shadow: 0 4px 12px rgba(255, 71, 87, 0.2);
}

.infinite-sale-countdown {
	font-size: var(--francoisyerg-sc-list-font-size, 12px);
	color: var(--francoisyerg-sc-list-color, #ff6b81);
	font-weight: var(--francoisyerg-sc-list-font-weight, 600);
	padding: var(--francoisyerg-sc-list-padding, 4px 8px);
	background: var(--francoisyerg-sc-list-bg, linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%));
	border-radius: var(--francoisyerg-sc-list-radius, 4px);
	display: inline-block;
	text-align: center;
	animation: francoisyerg-sc-pulse 2s ease-in-out infinite;
}

.single-product-sale-countdown {
	margin: var(--francoisyerg-sc-single-margin, 15px 0 20px);
	padding: 0;
}

.countdown-timer {
	display: inline-flex;
	align-items: center;
	gap: var(--francoisyerg-sc-timer-gap, 10px);
	padding: var(--francoisyerg-sc-timer-padding, 12px 20px);
	background: var(--francoisyerg-sc-timer-bg, linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%));
	border: 2px solid var(--francoisyerg-sc-timer-border, #ffc1c1);
	border-radius: var(--francoisyerg-sc-timer-radius, 8px);
	font-size: var(--francoisyerg-sc-timer-font-size, 14px);
	color: var(--francoisyerg-sc-timer-color, #d63031);
	font-weight: var(--francoisyerg-sc-timer-font-weight, 600);
	box-shadow: var(--francoisyerg-sc-timer-shadow, 0 2px 8px rgba(255, 71, 87, 0.1));
	animation: francoisyerg-sc-pulse 2s ease-in-out infinite;
}

.countdown-timer.countdown-urgent {
	background: var(--francoisyerg-sc-urgent-bg, linear-gradient(135deg, #fff0f0 0%, #ffe0e0 100%));
	border-color: var(--francoisyerg-sc-urgent-border, #ff6b81);
	animation: francoisyerg-sc-pulse-urgent 1s ease-in-out infinite;
}

.countdown-icon {
	font-size: var(--francoisyerg-sc-icon-size, 18px);
	line-height: 1;
}

.countdown-text {
	line-height: 1.4;
}

.countdown-text strong {
	color: var(--francoisyerg-sc-strong-color, #ff4757);
	font-weight: 800;
}

@keyframes francoisyerg-sc-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.85;
	}
}

@keyframes francoisyerg-sc-pulse-urgent {
	0%,
	100% {
		transform: scale(1);
		box-shadow: var(--francoisyerg-sc-timer-shadow, 0 2px 8px rgba(255, 71, 87, 0.1));
	}
	50% {
		transform: scale(1.02);
		box-shadow: var(--francoisyerg-sc-urgent-shadow, 0 4px 12px rgba(255, 71, 87, 0.2));
	}
}