.zp_error_msg {
    font-size: 10px;
    color: #b20000;
    height: 10px;
    display: none;
}

.variations .reset_variations {
    visibility: hidden;
}

.zp_measurement_table_div {
    border: none;
    height: 10px;
}

.zp_discount_table {
    display: none;
}

span.price {
    display: none;
}

/* Hide the price wrapper so we can render the price html for all products in the same div and have no cap for empty divs */
.price-wrapper:not(#zp-price-wrapper) {
    display: none !important; 
} 

.zp-own-price {
    display: block;
    font-size: 1.5rem;
    margin: 0px;
    padding: 0px;
    font-weight: bolder;
}

/* Styles for former price elements (moved from inline CSS in render-example-price.php) */
#zp-former-price-wrapper {
    padding-right: 0.5rem;
    
}

/* High specificity selectors to override theme styles */
#zp-former-price-amount {
    color: grey !important;
    font-size: 1.5rem;
    font-weight: 300;
    
}

/* Target currency symbol specifically within the former price wrapper */
#zp-former-price-wrapper .woocommerce-Price-currencySymbol {
    color: grey !important;
    font-size: 1.5rem;
    font-weight: 300;
    
}


/* Responsive styles for inline-styled elements */
@media screen and (max-width: 768px) {
    /* Target the former price wrapper with inline padding-right: 0.5rem */
    #zp-former-price-wrapper[style*="padding-right: 0.5rem"] {
        padding-right: 0.3rem !important;
    }
    
    /* Target the former price amount with inline font-size: 1.5rem */
    #zp-former-price-amount[style*="font-size: 1.5rem"] {
        font-size: 1.2rem !important;
        
    }
    
    /* Target the currency symbol with inline font-size: 1.5rem */
    .woocommerce-Price-currencySymbol[style*="font-size: 1.5rem"] {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 480px) {
    /* Target the former price wrapper with inline padding-right: 0.5rem */
    #zp-former-price-wrapper[style*="padding-right: 0.5rem"] {
        padding-right: 0.2rem !important;
    }
    
    /* Target the former price amount with inline font-size: 1.5rem */
    #zp-former-price-amount[style*="font-size: 1.5rem"] {
        font-size: 1rem !important;
    }
    
    /* Target the currency symbol with inline font-size: 1.5rem */
    .woocommerce-Price-currencySymbol[style*="font-size: 1.5rem"] {
        font-size: 1rem !important;
    }
}