/*
 Theme Name:   Hello Biz Child
 Template:     hello-biz
 Version:      1.0.0
*/

/* ==========================================================================
   Tabella Nutrizionale Multicolonna ACF - WooCommerce
   ========================================================================== */

.product-nutrition-table-wrapper {
    font-family: "Poppins", Sans-serif;
    margin: 25px 0;
    max-width: 100%;
}

.nutrition-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.35rem;
    font-weight: 700;
    /* text-transform: uppercase; */
    letter-spacing: 0.5px;
    color: var( --e-global-color-primary );
}

.nutrition-subtitle {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: #666666;
}

.nutrition-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

/* Gestione Intestazione colonne */
thead.nutrition-thead tr th {
    text-align: left;
    padding-bottom: 10px;
    font-size: 0.85rem;
    text-transform: uppercase;
    border: none;
    border-color: transparent;
    border-bottom: 1px solid #333333;
}

.nutrition-thead th:nth-child(2),
.nutrition-thead th:nth-child(3) {
    text-align: right; /* Allinea a destra i valori delle colonne numeriche */
}

.nutrition-row {
    border-bottom: 1px solid #ededed;
}

.nutrition-row:last-child {
    border-bottom: 2px solid #333333;
}

.nutrition-row td {
    padding: 10px 8px;
    font-size: 0.95rem;
    color: #333333;
    border: none;
    border-color: transparent;
    border-bottom: 1px solid #333333;
}

/* Allineamento dei valori numerici a destra */
.nutrition-row td:nth-child(2),
.nutrition-row td:nth-child(3) {
    text-align: right;
}

/* Stile riga energia */
.row-energy td {
    font-weight: 600;
    border-top: 2px solid #333333;
    border-bottom: 2px solid #333333;
    padding: 12px 8px;
}

/* Rientro per i sotto-elementi */
.nutrition-row.row-sub-item td:first-child {
    padding-left: 18px;
    color: #555555;
    font-size: 0.9rem;
}

.nutrition-note {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 0.8rem;
    color: #777777;
    font-style: italic;
}