/**
 * New Realm Transportation LLC — Stats Bar Section Styles
 *
 * Full-width thin horizontal stats bar section with a dark maroon/black background.
 *
 * @package NewRealm
 * @since   1.0.0
 */

.stats-bar {
	background-color: #4a0012; /* Deep dark premium maroon */
	border-bottom: 3px solid var(--color-gold);
	padding: 2.5rem 0;
	color: var(--color-white);
	text-align: center;
}

.stats-bar__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	align-items: start;
}

.stats-bar__item {
	flex: 1 1 200px;
	max-width: 260px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.5rem 1rem;
	transition: var(--transition-smooth);
}

.stats-bar__item:hover {
	transform: translateY(-3px);
}

.stats-bar__icon {
	color: var(--color-gold);
	margin-bottom: 0.75rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition-smooth);
}

.stats-bar__item:hover .stats-bar__icon {
	transform: scale(1.1);
}

.stats-bar__number {
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1;
	color: var(--color-white);
	margin-bottom: 0.5rem;
	letter-spacing: -0.5px;
}

.stats-bar__label {
	font-size: 0.95rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.4;
	max-width: 220px;
	margin: 0 auto;
}

/* ==========================================================================
   Responsive Overrides
   ========================================================================== */
@media screen and (max-width: 768px) {
	.stats-bar {
		padding: 2rem 0;
	}
	.stats-bar__number {
		font-size: 2.25rem;
	}
	.stats-bar__label {
		font-size: 0.9rem;
	}
}