/* ==========================================================================
   OLD PRICE — SINGLE SOURCE OF TRUTH
   ==========================================================================
   Native Magento renders <span class="old-price"> inside .price-box.
   We hide it everywhere and use our own <div class="old-price-block"> from
   item.phtml which gives us full control over format and styling.
   ========================================================================== */

/* ---------- 1. HIDE native span.old-price everywhere ---------- */
html body .price-box span.old-price,
html body .product-item span.old-price,
html body [data-content-type="products"] span.old-price,
html body .products-grid span.old-price,
html body .products.mode-grid span.old-price,
html body span.old-price {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ---------- 2. Hide "Regular Price" label ---------- */
span.old-price .price-label,
.old-price .price-label {
    display: none !important;
}

/* ---------- 3. SHOW our custom .old-price-block ---------- */
.old-price-block {
    display: block !important;
    visibility: visible !important;
    margin-top: 2px !important;
    line-height: 1.25 !important;
}

/* ---------- 4. Style the price inside .old-price-block ---------- */
.old-price-block .price {
    color: #111827 !important;
    text-decoration: line-through !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}

/* ---------- 5. Responsive adjustments ---------- */
@media (min-width: 768px) {
    .old-price-block .price {
        font-size: 0.8rem !important;
    }
}

@media (min-width: 1024px) {
    .old-price-block .price {
        font-size: 0.875rem !important;
    }
}