/**
 * BBP Repeater Grid widget — styles for the stat variant.
 *
 * .bbp-btn / .bbp-btn-primary / .bbp-btn-secondary / .bbp-text-gold are
 * defined in hero.css and reused here, not redefined.
 */

.bbp-grid {
	position: relative;
	padding: 40px 20px 80px;
	max-width: var(--bbp-content-width);
	margin: 0 auto;
}

.bbp-grid-items {
	display: grid;
	grid-template-columns: repeat(var(--bbp-grid-cols, 2), 1fr);
	gap: 24px;
}

.bbp-grid-buttons {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 32px;
	flex-wrap: wrap;
}

/* --- stat variant --- */

.bbp-grid--stat .bbp-grid-item {
	background: var(--bbp-bg-card);
	border: 1px solid var(--bbp-border-card);
	border-radius: 20px;
	padding: 32px;
	text-align: left;
}

.bbp-stat-icon {
	width: 62px;
	height: 62px;
	background: #060606;
	border: 1px solid #161616;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.bbp-stat-icon img {
	width: 34px;
	height: 34px;
}

.bbp-stat-number {
	font-family: var(--bbp-heading-font);
	font-weight: 800;
	font-size: 48px;
	color: var(--bbp-text-white);
	line-height: 1;
}

.bbp-stat-label {
	font-family: var(--bbp-font-family);
	font-size: 16px;
	color: var(--bbp-text-muted);
	margin-top: 8px;
}

/* --- responsive --- */

@media (max-width: 900px) {
	.bbp-grid-items {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 600px) {
	.bbp-grid-items {
		grid-template-columns: 1fr !important;
	}
}