/* ---------------------------------------------------------------------------
   Sale-price styling — GLOBAL (every page, every product-tile context).
   v1 — 2026-09-24

   WHY: the sale treatment (reduced price in red + struck "was" price) lived in
   an inline <style> inside Magento_Catalog/templates/product/list.phtml, which
   Magento only renders on category listing pages. Everywhere else that reuses
   the item.phtml tile — the homepage carousels, search results, related/upsell
   strips — the .ds-on-sale hook was present on the wrapper but the rule that
   colours it was absent, so the reduced price fell back to the tile's court-
   purple (text-[#2a1857]) and did not read as a sale. Loading the rules here
   (default_head_blocks, so on ALL pages) fixes every context at once.

   The category page keeps its own inline copy for now; these rules are identical
   (idempotent), so there is no conflict.
   --------------------------------------------------------------------------- */

/* Muted, struck "was" price wherever an old price is shown */
.price-box .old-price .price {
    font-family: 'MADE Outer Sans', sans-serif !important;
    font-weight: 300 !important;
    color: #6B7280;
    text-decoration: line-through;
}
@media (max-width: 767px) {
    .price-box .old-price .price { font-size: 11px; }
}

/* Magento hides the old price by default; reveal it only when the tile is on sale */
.ds-on-sale .price-box .old-price { display: inline-flex !important; }

/* The current/final price turns sale-red when a special price is active */
.price-box .special-price .price,
.ds-on-sale .price-box .normal-price .price {
    color: #E11D2A !important;
}