/**
 * WOW Dynamic Pricing - Product Grid CSS v5.5.8
 * Match theme's product grid pricing layout
 */

/* ============================================
   PRODUCT GRID - MATCH THEME'S DEFAULT STYLE
   ============================================ */

/* Price suffix - styled to match theme */
.wow-dp-price-suffix {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin-left: 4px;
    display: inline;
}

/* For sale prices, make suffix inherit ins styling */
ins .wow-dp-price-suffix {
    color: inherit;
}

/* Price container - ensure minimum height for alignment */
.woocommerce ul.products li.product .price {
    min-height: 40px;
}

/* Regular price (strikethrough) - match theme */
.woocommerce ul.products li.product .price del {
    color: #9CA3AF;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 8px;
}

/* Sale price - match theme's red/brown color */
.woocommerce ul.products li.product .price ins {
    font-weight: 700;
    color: #8B0000;
    background: none;
    text-decoration: none;
}

/* Make sure price suffix inherits sale price styling */
ins .wow-dp-price-suffix {
    font-size: inherit;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .price {
        min-height: 36px;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product .price {
        min-height: 32px;
    }
    
    .wow-dp-price-suffix {
        display: block;
        font-size: 11px;
        margin-top: 2px;
    }
}