/*
Theme Name: PlayGrow
Theme URI: https://playgrow.qodeinteractive.com
Description: Baby Shop and Kids Store Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: playgrow
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
/* Fix para la cabecera que corta el contenido (Añadido por soporte) */
.qodef-page-title,
#qodef-page-outer > #qodef-page-inner:first-child {
    padding-top: 95px !important;
}

/* Ocultar las migas de pan (breadcrumbs) */
.qodef-breadcrumbs {
    display: none !important;
}

/* --- FIX MÓVIL: Productos a 2 columnas y textos más pequeños --- */
@media only screen and (max-width: 768px) {
    /* 1. Productos de WooCommerce a 2 columnas */
    .woocommerce ul.products,
    .elementor-widget-woocommerce-products ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    .woocommerce ul.products li.product,
    .elementor-widget-woocommerce-products ul.products li.product {
        width: 48% !important;
        flex: 0 0 48% !important;
        max-width: 48% !important;
        margin-right: 0 !important; /* El justify-content: space-between hace el espacio */
        margin-bottom: 20px !important;
        clear: none !important;
    }
    
    /* Títulos y precios de productos más pequeños para que quepan */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    .woocommerce ul.products li.product .price {
        font-size: 14px !important;
    }
    
    /* 2. Reducir los textos gigantes de Elementor y del tema */
    h1, .elementor-heading-title, .qodef-m-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    h2 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    h3 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    p, .elementor-text-editor, .qodef-m-text {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}