/**
 * INZC Storefront Block — Community Stats Ribbon CSS
 *
 * Modular stylesheet for the Stats block (influenzic/stats / [inzc_storefront_stats]).
 *
 * @package Influenzic
 * @version 1.0.0
 */

.inzc-sf-v2-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	max-width: 980px;
	margin: 0 auto;
}

.inzc-sf-v2-stat-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.inzc-sf-v2-stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	flex-shrink: 0;
}

.inzc-sf-v2-stat-icon--indigo {
	background: rgba(var(--inzc-primary-rgb, 67, 97, 238), 0.12);
	color: var(--inzc-primary, #4361ee);
}

.inzc-sf-v2-stat-icon--blue {
	background: rgba(59, 130, 246, 0.12);
	color: #2563eb;
}

.inzc-sf-v2-stat-icon--emerald {
	background: rgba(16, 185, 129, 0.12);
	color: #059669;
}

.inzc-sf-v2-stat-icon--rose {
	background: rgba(244, 63, 94, 0.12);
	color: #e11d48;
}

.inzc-sf-v2-stat-val {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--inzc-sf-heading);
}

.inzc-sf-v2-stat-lbl {
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--inzc-sf-muted);
}

[data-inzc-theme="dark"] .inzc-sf-v2-stat-val {
	color: #f8fafc;
}

[data-inzc-theme="dark"] .inzc-sf-v2-stat-lbl {
	color: #94a3b8;
}

@media (max-width: 992px) {
	.inzc-sf-v2-stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.inzc-sf-v2-stats-grid {
		grid-template-columns: 1fr;
	}
}