/* Price info shown under the price on the product page and in the product box. */
/* The product box reserves a fixed 40px row for the price (min-height) while the price
   text itself is only ~17px, leaving ~23px unused underneath. Where this block follows the
   price, drop that reservation so the block occupies the empty space instead of stacking
   below it - the price text does not move, only what sits under it. */
.prices:has(+ .xip-perstore-price-info) {
    min-height: 0;
}

.xip-perstore-price-info {
    /* Small gaps on purpose: sits just under the price, clear of the buy button. */
    margin: 3px 0 6px;
    font-size: 12px;
    line-height: 1.3;
    color: #777;
}

.xip-perstore-price-info .price-label {
    margin: 0;
}

.xip-perstore-price-info .price-label + .price-label {
    margin-top: 2px;
}

/* Hide the redundant struck-through "Cijena" (non-discounted price) line on the product page
   when a discount is active. It repeats the pre-discount price, so the customer sees three
   prices (Stara cijena / Cijena / Vaša cijena) - confusing. "Stara cijena" (old price) and
   "Vaša cijena" (your price) stay. The .non-discounted-price class is applied ONLY while a
   discount is present, so this never hides the actual price. Scoped to .prices = product page
   only; product boxes use .overview / .variant-overview and are left untouched. */
.prices .non-discounted-price {
    display: none;
}