/* =========================================
   Stat Cards — formoline/stat-cards
   ========================================= */

.formoline-stat-cards__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* --- Layout: 1st full, 2nd+3rd half, 4th full --- */
.formoline-stat-cards__item {
    flex: 0 0 100%;
}

.formoline-stat-cards__item:nth-child(2),
.formoline-stat-cards__item:nth-child(3) {
    flex: 1 1 calc(50% - 8px);
}

/* --- Card style --- */
.formoline-stat-cards__item {
    background: #ffffff;
    padding: 24px 28px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Full-width cards: icon vertically centered with the single-line content */
.formoline-stat-cards__item:nth-child(1),
.formoline-stat-cards__item:nth-child(4) {
    align-items: center;
}

/* --- Icon --- */
.formoline-stat-cards__icon-wrap {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.formoline-stat-cards__icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* --- Content --- */
.formoline-stat-cards__content {
    flex: 1;
}

/* Full width cards: number and text sit inline */
.formoline-stat-cards__item:nth-child(1) .formoline-stat-cards__content,
.formoline-stat-cards__item:nth-child(4) .formoline-stat-cards__content {
    display: flex;
    align-items: baseline;
    gap: 16px;
    flex-wrap: wrap;
}

/* --- Number (h2) --- */
.formoline-stat-cards__number {
    font-family: 'Barlow', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: #005E70;
    line-height: 1.1;
    margin: 0;
    white-space: nowrap;
}

.formoline-stat-cards__item:nth-child(2) .formoline-stat-cards__number,
.formoline-stat-cards__item:nth-child(3) .formoline-stat-cards__number {
    font-size: clamp(2rem, 3vw, 2.6rem);
    margin-bottom: 4px;
}

/* --- Bodytext --- */
.formoline-stat-cards__text {
    font-family: 'Barlow', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
	color: var(--primary) !important;
}

.formoline-stat-cards__text p {
    margin: 0 0 4px 0;
	color: var(--primary) !important;
}

.formoline-stat-cards__text p:last-child {
    margin-bottom: 0;
}

.formoline-stat-cards__text strong,
.formoline-stat-cards__text b {
    font-weight: 700;
}

/* --- Responsive --- */
@media (max-width: 640px) {
    .formoline-stat-cards__item:nth-child(2),
    .formoline-stat-cards__item:nth-child(3) {
        flex: 0 0 100%;
    }

    .formoline-stat-cards__item:nth-child(1) .formoline-stat-cards__content,
    .formoline-stat-cards__item:nth-child(4) .formoline-stat-cards__content {
        flex-direction: column;
        gap: 6px;
    }
	
	.formoline-stat-cards__item {
		flex-direction: column !important;
    }
	    .formoline-stat-cards__item {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .formoline-stat-cards__icon-wrap {
        align-self: flex-start !important;
    }
}

.formoline-stat-cards__item:nth-child(4) .formoline-stat-cards__number {
    display: none;
}


@media (max-width: 768px) {
	  .formoline-stat-cards__text p:first-child:has(> strong:only-child) strong {
		font-weight: inherit !important;
	  }

	.formoline-stat-cards__text p {
	  display: inline;
	}
	.formoline-stat-cards__text p::after {
	  content: " ";
	}
}


