/* Milo Tier Pricing Styles */
#price-table {
    margin-bottom: 20px;
}

#price-table table {
    border-collapse: collapse;
    width: 100%;
}

/* Active tier highlighting */
.xa_sp_table_body_row.activeRule {
    background-color: #fff9e6 !important;
    font-weight: bold;
}

.xa_sp_table_body_row.activeRule td {
    color: #e67e22 !important;
}

/* Spinner */
.milo-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #e67e22;
    border-radius: 50%;
    animation: milo-spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes milo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#price-table .savings {
    font-weight: bold;
    color: #f47920;
}

#price-table .activeRule .savings {
    color: #fff;
}

/* Match legacy aesthetics if needed */
.xa_sp_table_cell {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.xa_sp_table_body_row:nth-child(even) {
    background-color: #f9f9f9;
}

/* Injection points styling (Elementor headings usually) */
#finalNettoPrice, #finalBruttoPrice, #finalQty {
    /* Styles are handled by Elementor, but we target them with JS */
}