/**
 * Korfitis B2B UOM - Frontend Styling
 */

/* ========== ΚΑΤΑΛΟΓΟΣ ΠΡΟΪΟΝΤΩΝ (LISTING) ========== */
.uom-listing-price-container {
    margin: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

/* Τιμή κιλού - κύρια, μεγάλη */
.uom-price-per-kg-main {
    font-size: 1.5em;
    font-weight: bold;
}

.uom-price-per-kg-main .price {
    color: #d32f2f;
    font-size: 1.3em;
    font-weight: bold;
}

.uom-price-per-kg-main .uom-unit {
    font-size: 0.85em;
    font-weight: normal;
    color: #555;
    margin-left: 2px;
}

/* Τιμή συσκευασίας - μικρή, δευτερεύουσα */
.uom-package-price-small {
    font-size: 0.7em;
    color: #888;
    margin-top: 2px;
}

.uom-package-price-small small {
    font-size: 0.9em;
}

/* ========== ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ (PRODUCT PAGE) ========== */
.uom-price-info-container {
    margin-top: 10px;
    padding: 8px 10px;
    background: #f8f9fa;
    border-radius: 5px;
    border-left: 3px solid #d32f2f;
}

.uom-base-price-info {
    color: #555;
    font-size: 0.95em;
    margin-bottom: 5px;
}

.uom-price-per-unit {
    color: #777;
    font-size: 1.2em;
    margin-top: 3px;
}

/* ========== RESPONSIVE (για κινητά) ========== */
@media (max-width: 768px) {
    .uom-price-per-kg-main {
        font-size: 1em;
    }
    
    .uom-price-per-kg-main .price {
        font-size: 0.95em;
    }
    
    .uom-package-price-small {
        font-size: 1.05em;
    }
    
    .uom-price-info-container {
        padding: 6px 8px;
    }
}


/* UOM Catalog (Listing) Styles */
.uom-catalog-price-container {
    margin: 5px 0;
}

.uom-catalog-price-per-kg {
    font-weight: bold;
}

.uom-catalog-price-per-kg .price {
    color: #d32f2f;
    font-size: 1.1em;
    font-weight: bold;
}

.uom-catalog-unit {
    font-size: 0.85em;
    font-weight: normal;
    color: #555;
    margin-left: 2px;
}

.uom-catalog-package-small {
    font-size: 0.7em;
    color: #888;
    margin-top: 2px;
}

/* Για να μην υπάρχει σύγχυση με την αρχική τιμή */
.product-price-and-shipping.uom-catalog-modified {
    display: block !important;
}