/*
=================================================================
PRODUCT CARD DESIGN REMOVAL - MINIMAL RESET
=================================================================
This file removes all decorative styling from product cards.
All backend functionality is preserved (cart, wishlist, links).

Original product card elements have been stripped to minimal
placeholders ready for new card design implementation.

Date: 2026-02-16
Status: Ready for redesign
=================================================================
*/

/* RESET: Remove all decorative product card styling */
.product-cart-wrap,
.product-img-action-wrap,
.product-img,
.product-content-wrap,
.product-category,
.product-price,
.product-rating,
.product-action-1,
.product-badges {
    all: revert !important;
    box-sizing: border-box !important;
}

/* MINIMAL PLACEHOLDER STYLING */
.product-cart-wrap {
    border: 1px solid #e0e0e0;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    display: block;
}

.product-img-action-wrap {
    position: relative;
    margin-bottom: 10px;
}

.product-img img {
    width: 100%;
    height: auto;
    display: block;
}

.product-content-wrap {
    padding: 10px 0;
}

.product-content-wrap h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 8px 0;
    color: #000;
}

.product-content-wrap h2 a {
    color: #000;
    text-decoration: none;
}

.product-price {
    margin: 8px 0;
    font-size: 14px;
}

.product-price span {
    color: #000;
}

.product-price .old-price {
    text-decoration: line-through;
    color: #999;
    margin-left: 5px;
}

.product-category {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

.product-rating {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
}

/* FUNCTIONAL BUTTONS - Keep JavaScript bindings */
.product-action-1 {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.add-to-cart-btn,
.add-to-wishlist-btn {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ccc;
    background: #2D3493; /* Brand blue for primary actions */
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
}

.add-to-cart-btn:hover,
.add-to-wishlist-btn:hover {
    background: #232a75 !important; /* Slightly darker on hover */
    color: #fff !important;
    border-color: #232a75 !important;
}

/* BADGES - Minimal */
.product-badges {
    position: absolute;
    top: 10px;
    left: 10px;
}

.product-badges span {
    display: inline-block;
    padding: 4px 8px;
    background: #000;
    color: #fff;
    font-size: 11px;
    margin-right: 5px;
}

/* GRID LAYOUT - Basic responsive */
.product-grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

@media (max-width: 768px) {
    .product-grid-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .product-cart-wrap {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .product-grid-3 {
        grid-template-columns: 1fr;
    }
}

/* Force override any existing styling */
.product-cart-wrap * {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/*
=================================================================
NOTES FOR NEW DESIGN IMPLEMENTATION:
=================================================================
1. Product Link: .product-content-wrap h2 a (links to product detail)
2. Add to Cart: .add-to-cart-btn (data-product-id attribute)
3. Add to Wishlist: .add-to-wishlist-btn (data-product-id attribute)
4. Product Image: .product-img img
5. Product Price: .product-price
6. Product Category: .product-category

All backend functionality is intact. Apply new design classes as needed.
=================================================================
*/

/* SECTION-SPECIFIC OVERRIDES: Homepage sections use sharp corners */
.card-1,
.video-card,
.testimonial-card-horizontal,
.testimonial-card-content,
.testimonial-avatar img,
.minimalist-product-card,
.minimal-product-image img,
.product-cart-wrap {
    border-radius: 0 !important;
    overflow: visible !important;
}

/* STAR ICON COLORING: default black, filled -> pink, empty -> muted gray */
.fi-rs-star {
    color: #000; /* black for products with no reviews */
}
.fi-rs-star.filled {
    color: #F74B81 !important; /* pink for products with reviews */
}
.fi-rs-star.empty {
    color: #E0E0E0 !important; /* muted gray for empty stars */
}

/* Testimonials: ensure card content has sharp corners */
.testimonial-card-horizontal .testimonial-card-content,
.testimonial-card-horizontal .testimonial-header {
    border-radius: 0 !important;
}