/*
Theme Name: Sprint Child Theme
Theme URI: https://sprint.ancorathemes.com/
Description: Sprint is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.9.0
Tested up to: 6.7
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: sprint
Template: sprint
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

@media only screen and (max-width: 768px) {

    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }

    /* Fallback si el theme usa float en vez de grid
    .woocommerce ul.products.columns-3 li.product,
    .woocommerce ul.products.columns-4 li.product,
    .woocommerce ul.products.columns-5 li.product,
    .woocommerce ul.products.columns-6 li.product {
        width: 48% !important;
    } */

    .woocommerce ul.products li.product img {
        height: auto !important;
        width: 100% !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.85em;
        line-height: 1.2;
    }

    .woocommerce ul.products li.product .price {
        font-size: 0.85em;
    }

    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .add_to_cart_button {
        font-size: 0.8em;
        padding: 6px 10px !important;
    }
}