/*
 * Section: Stats — production stylesheet.
 * Source: Figma node 328:12. Sits directly under the hero with no gap.
 *
 * Driver vars set inline by the partial: --azuri-stats-bg.
 */

.azuri-stats {
	--azuri-stats-bg: var(--azuri-color-teal);
	--azuri-stats-divider: rgba(255, 255, 255, 0.19);
	--azuri-stats-inline-pad: 170px;
	--azuri-stats-min-height: 132px;
	--azuri-stats-top-pad: 29px;
	--azuri-stats-bottom-pad: 29px;

	background-color: var(--azuri-stats-bg);
	color: var(--azuri-color-white);
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.azuri-stats__inner {
	box-sizing: border-box;
	min-height: var(--azuri-stats-min-height);
	padding: var(--azuri-stats-top-pad) var(--azuri-stats-inline-pad) var(--azuri-stats-bottom-pad);
}

.azuri-stats__inner > .equal-height {
	min-height: calc(var(--azuri-stats-min-height) - var(--azuri-stats-top-pad) - var(--azuri-stats-bottom-pad));
}

.azuri-stats__col {
	position: relative;
}

.azuri-stats__col + .azuri-stats__col::before {
	background-color: var(--azuri-stats-divider);
	bottom: 8px;
	content: "";
	left: calc(var(--azuri-grid-gutter) * 0.5);
	position: absolute;
	top: 8px;
	width: 0.86px;
}

.azuri-stats__item {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--azuri-space-2);
	justify-content: center;
	padding: 0 var(--azuri-space-5);
	text-align: center;
}

.azuri-stats__value {
	color: var(--azuri-color-white);
	font-family: var(--azuri-font-family-base);
	font-size: 32px;
	font-weight: 300; /* DM Sans Light, per Figma. */
	letter-spacing: -0.04em;
	line-height: 1.2;
	margin: 0;
}

.azuri-stats__label {
	color: rgba(255, 255, 255, 0.6);
	font-family: var(--azuri-font-family-base);
	font-size: 12.5px;
	font-weight: var(--azuri-font-weight-regular);
	line-height: 1.5;
	margin: 0;
}

/* Responsive ---------------------------------------------------------- */

@media (max-width: 1200px) {
	.azuri-stats__inner {
		padding-left: var(--azuri-space-8);
		padding-right: var(--azuri-space-8);
	}
}
@media only screen and ( min-width:240px) and (max-width:380px) {
    .azuri-stats__label {
        font-size: 7px !important;
    }
}
@media only screen and ( min-width:240px) and (max-width:1023px) {
	.azuri-stats__inner {
		padding: var(--azuri-space-6) var(--azuri-space-4);
	}

	/* Mobile: full-width stacked stats — divider becomes horizontal. */
	.azuri-stats__col + .azuri-stats__col::before {
		background-color: var(--azuri-stats-divider);
		bottom: auto;
		height: 0.86px;
		left: var(--azuri-space-4);
		right: var(--azuri-space-4);
		top: 0;
		width: auto;
	}

	.azuri-stats__item {
		padding: var(--azuri-space-4) 0;
	}
    section.azuri-stats .azuri-container.azuri-stats__inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    section.azuri-stats .azuri_inner {
        padding: 0;
        border: 0 !important;
        align-items: baseline;
    }
    .azuri-stats__value {
        font-size: 20px;
    }
    .azuri-stats__label{
        font-size: 9px;
    }
    .azuri-stats__col + .azuri-stats__col::before{
        content: none;
    }
    .azuri-stats__inner > .equal-height {
        align-items: start;
    }
    .azuri-stats__col {
        border-top: 1px solid #ffffff82;
        padding: 10px !important;
    }
    .azuri-stats__col:nth-child(1), 
    .azuri-stats__col:nth-child(2) {
        border: 0;
        padding-bottom: 10px;
    }
    .azuri-stats__col:nth-child(1), 
    .azuri-stats__col:nth-child(3) {
        border-right: 1px solid #ffffff82;
    }
}
@media only screen and ( min-width:768px) and (max-width:1023px) {
    .azuri-stats__value {
        font-size: 30px;
    }
    .azuri-stats__label {
        font-size: 12px;
    }
    section.azuri-stats .azuri_inner {
        align-items: center;
    }
}
@media only screen and ( min-width:1024px) and (max-width:1199px) {
    .azuri-stats__inner > .equal-height {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .azuri-stats__col:nth-child(1), .azuri-stats__col:nth-child(3) {
        border-right: 0 !important;
    }
    .azuri-stats__col {
        border-top: 0;
    }
    .azuri-stats__label {
        font-size: 11px;
    }
    section.azuri-stats {
        padding-top: 0;
        padding-bottom: 0;
    }
}