/* Mobile Price Display - Large Discount, Small Original Price */
/* Primary Color: #2563eb */

/* ============================================
   Global Price Styling - Mobile
   ============================================ */
@media (max-width: 767.98px) {
    /* All price containers */
    .price,
    .woocommerce-Price-amount,
    .product-price,
    span.price {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: flex-start !important;
        gap: 2px !important;
    }
    
    /* Original price (crossed out) - SMALL */
    .price del,
    .price del .amount,
    .price del .woocommerce-Price-amount,
    del.amount {
        font-size: 10px !important;
        color: #999 !important;
        font-weight: 400 !important;
        margin: 0 !important;
        margin-top: 2px !important;
        display: block !important;
        text-decoration: line-through !important;
    }
    
    /* Discount price (current) - LARGE */
    .price ins,
    .price ins .amount,
    .price ins .woocommerce-Price-amount,
    ins.amount,
    .price .amount:not(del .amount) {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
        text-decoration: none !important;
        display: block !important;
    }
    
    /* Specific product card pricing */
    .product-inner .price del,
    .product-outer .price del {
        font-size: 10px !important;
    }
    
    .product-inner .price ins,
    .product-outer .price ins {
        font-size: 18px !important;
    }
    
    /* Product carousel pricing */
    .owl-carousel .price del,
    .owl-carousel .price del .amount {
        font-size: 10px !important;
    }
    
    .owl-carousel .price ins,
    .owl-carousel .price ins .amount {
        font-size: 18px !important;
    }
    
    /* Product cards horizontal layout */
    .product-card .price del {
        font-size: 10px !important;
    }
    
    .product-card .price ins {
        font-size: 18px !important;
    }
    
    /* Search results price */
    .search-result-price {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
    
    /* Related products price */
    .related-product-price {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
    
    .related-product-price del {
        font-size: 10px !important;
    }
}

/* ============================================
   Product Detail Page Price - Mobile
   ============================================ */
@media (max-width: 767.98px) {
    .product-summary .price,
    .single-product .price {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }
    
    .product-summary .price del,
    .single-product .price del {
        font-size: 14px !important;
        color: #999 !important;
        font-weight: 400 !important;
    }
    
    .product-summary .price ins,
    .single-product .price ins {
        font-size: 28px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
}

/* ============================================
   Cart Price - Mobile
   ============================================ */
@media (max-width: 767.98px) {
    .cart-item-price del {
        font-size: 12px !important;
    }
    
    .cart-item-price-current,
    .cart-item-price ins {
        font-size: 18px !important;
    }
    
    .cart-subtotal,
    .cart-total {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
}

/* ============================================
   Mini Cart Price - Mobile
   ============================================ */
@media (max-width: 767.98px) {
    .mini-cart-price {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
    
    .mini-cart-total-price strong {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
}

/* ============================================
   Ensure Specificity
   ============================================ */
@media (max-width: 767.98px) {
    /* Override any conflicting styles */
    .products .product .price ins .amount,
    .owl-carousel .product .price ins .amount,
    ul.products li.product .price ins .amount {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #2563eb !important;
    }
    
    .products .product .price del .amount,
    .owl-carousel .product .price del .amount,
    ul.products li.product .price del .amount {
        font-size: 10px !important;
        color: #999 !important;
        font-weight: 400 !important;
    }
}