/* =============================================================
   Product Stat Bar
   Usage: [product_stat_bar] shortcode
   ============================================================= */

.product-stat-bar {
    display:          flex;
    gap:              1px;
    background-color: var(--color-light, #ebebeb);
    border-radius:    var(--radius-m, 4px);
    overflow:         hidden;
}

.product-stat-bar__col {
    flex:             1;
    display:          flex;
    flex-direction:   column;
    gap:              0.25rem;
    padding:          var(--space-m);
    background-color: var(--color-light, #ebebeb);
}

/* Dividers between columns via gap + background on parent */
.product-stat-bar__col + .product-stat-bar__col {
    border-left: 1px solid var(--color-light-shade, #d5d5d5);
}

.product-stat-bar__label {
    text-transform: uppercase;
    display:     block;
    font-size:   var(--text-xs, 0.8rem);
    font-weight: 600;
    letter-spacing: 1px;
    color:       var(--color-neutral, #666);
    line-height: 1.3;
}

.product-stat-bar__value {
    display:     block;
    font-weight: 700;
    color:       var(--text-dark, #111);
    line-height: 1.2;
}

strong.product-stat-bar__value {
    text-transform: uppercase;
    font-family: "Saira Semi Condensed" !important;
    font-weight: 700;
}

.product-stat-bar__unit {
    font-size:   0.75em;
    font-weight: 400;
}

@media (max-width: 767px) {
    strong.product-stat-bar__value {
        font-size: var(--h4);
    }
}

@media (max-width: 480px) {
    .product-stat-bar {
        flex-direction: column;
        gap:            1px;
    }
    .product-stat-bar__col + .product-stat-bar__col {
        border-left: none;
        border-top:  1px solid var(--color-light-shade, #d5d5d5);
    }
}