/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Fix for unequal product grid columns on mobile */
@media (max-width: 767px) {
    /* Ensure equal column widths */
    .products.wd-products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    /* Force product cards to respect grid width */
    .products.wd-products .product,
    .products.wd-products .product-grid-item,
    .products.wd-products .wd-product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
    }

    /* Prevent long text from breaking layout */
    .product-title,
    .wd-entities-title,
    .product .woocommerce-loop-product__title {
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }

    /* Ensure product images don't break grid */
    .product-grid-item .product-image-link,
    .wd-product .product-image-link {
        width: 100%;
        display: block;
    }

    .product-grid-item img,
    .wd-product img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    /* Fix price display */
    .price,
    .woocommerce-Price-amount {
        display: block;
        word-break: break-word;
    }
}