/* Remove the extra spacing/styling from the default WooCommerce wrapper */
.summary p.price {
    line-height: 1 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Ensure our custom container is the one controlling the layout */
.custom-value-price {
    margin-top: 0 !important; /* Pull it up to fill the gap */
}


.custom-value-price {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 15px 0;
}

.price-prefix {
    font-size: 28px;
    font-weight: 500;
    color: #1e293b;
}

.price-suffix {
    font-size: 18px;
    color: #ef4444; /* Sale red for urgency */
    font-weight: 700;
    margin-left: 4px;
}

.price-row-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.total-value-label {
    font-family: inherit;
    font-size: 15px;
    color: #64748b;
}

/* The "Save 88%" Badge */
.save-badge {
    background-color: #ef4444; /* Vibrant Sale Red */
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
    animation: pulse-subtle 2s infinite;
}

.current-price-label {
    font-size: 32px; /* Slightly larger */
    font-weight: 800;
    color: #1e293b;
}

.current-price-label ins {
    text-decoration: none;
    color: #15803d;
    font-size: 36px;
}

/* Optional Pulse Animation to draw the eye */
@keyframes pulse-subtle {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}






/* Shop/Related Products Grid Styling */
.compact-value-price {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    margin-top: 5px;
}

.compact-value-price del {
    color: #94a3b8;
    font-size: 0.85em;
}

.compact-value-price ins {
    text-decoration: none;
    font-weight: 700;
    color: #15803d; /* Matching your green */
    font-size: 1.1em;
}

.compact-save-badge {
    background: #ef4444;
    color: white;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 0.75em;
    font-weight: 800;
}




.related .price-row-top,
.upsells .price-row-top,
.archive .price-row-top,
.related .price-prefix,
.upsells .price-prefix {
    display: none !important;
}

/* Center the price and remove the shift */
.related .current-price-label,
.upsells .current-price-label,
.archive .current-price-label {
    display: block;
    text-align: left; /* Changed from center to left */
    margin: 5px 0 0 0;
    font-size: 22px !important;
}

.related .current-price-label ins,
.archive .current-price-label ins {
    text-decoration: none;
    color: #15803d;
    margin-left: 0 !important; /* Removes the left-shift you saw */
}

/* Styling for non-sale prices in the shop grid */
.compact-value-price ins.no-sale {
    text-decoration: none;
    color: #1e293b; /* Darker slate for normal prices */
    font-weight: 700;
}

/* Ensure the "Yours for only" still looks good for non-sale items */
.custom-value-price ins {
    text-decoration: none !important;
}