/* ========================================
   BLOCK: STATS
   ======================================== */

@scope (.block-stats) {
    :scope {
        position: relative;
        padding-block: var(--space-lg);
    }

    .cms-block-inner {
        position: relative;
        z-index: 10;
        max-width: var(--content-width);
        margin-inline: auto;
        padding-inline: var(--space-xs);
    }

    /* Background */
    .stats-bg {
        position: absolute;
        inset: 0;
        z-index: 1;
    }

    .stats-bg figure {
        width: 100%;
        height: 100%;
    }

    .stats-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.3);
    }

    /* Stats Grid */
    .stats-grid {
        display: grid;
		border-top:0 !important;
		padding-top:0 !important; 
        grid-template-columns: 1fr;
        gap: var(--space-sm);
    }

    @container (min-width: 768px) {
        .stats-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }


    @container (min-width: 1288px) {
        .stats-grid {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    /* Stat Item */
    .stat-item {
        text-align: center;
        color: var(--color-text-inverse);
        padding: var(--space-sm);
        border: 1px solid var(--color-border-dark);
        position: relative;
    }

    .stat-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: var(--color-accent);
        transform: scaleX(0);
        transition: var(--transition-medium);
    }

    .stat-item:hover::before {
        transform: scaleX(1);
    }

    .stat-number {
        display: block;
        font-size: var(--text-display) !important;
        font-weight: 900;
        line-height: 1;
        margin-block-end: 15px;
    }

    .stat-label {
        display: block;
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: 0.15em;
        color: var(--color-accent);
        font-weight: 700;
    }
}