@media (max-width: 640px) {

    /* LOGO A TODO EL ANCHO Y SIN RECORTE */
    .site-header .brand img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* CONTENEDOR DEL LOGO FLEXIBLE */
    .site-header .brand {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    /* HEADER COMPACTO Y LETRAS ARRIBA */
    .site-header {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }
    add_action('wp_enqueue_scripts', function() {
    wp_enqueue_style(
        'yallego-mobile-css',
        plugin_dir_url(__FILE__) . 'yallego-mobile.css',
        array(),
        '1.0'
    );
});

}
@media (max-width: 640px) {

    /* RESTAURANTES - 3 POR FILA */
    .restaurant-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .restaurant-card {
        min-width: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .restaurant-photo {
        aspect-ratio: 1 / 0.82 !important;
        object-fit: cover !important;
    }

    .restaurant-logo {
        left: 7px !important;
        bottom: -14px !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 8px !important;
    }

    .restaurant-card div {
        padding: 21px 8px 10px !important;
    }

    .status {
        min-height: 20px !important;
        margin-bottom: 5px !important;
        padding: 0 5px !important;
        font-size: 0.58rem !important;
        border-radius: 6px !important;
    }

    .restaurant-card h3 {
        font-size: 0.82rem !important;
        line-height: 1.15 !important;
        margin-bottom: 5px !important;
    }

    .restaurant-card p {
        font-size: 0.68rem !important;
        line-height: 1.25 !important;
    }

    .restaurant-card .button {
        width: 100% !important;
        min-height: 30px !important;
        padding: 5px 4px !important;
        font-size: 0.68rem !important;
        border-radius: 6px !important;
    }
}
@media (max-width: 640px) {

    #wcfmmp-store .product_area .products-wrapper ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #wcfmmp-store .product_area .products-wrapper ul li.product {
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        width: 100% !important;
        min-height: 105px !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #eeeeee !important;
    }

    #wcfmmp-store .product_area .products-wrapper ul li.product img {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        margin: 0 12px 0 0 !important;
    }

}
/* =========================================================
   YALLEGO - PRODUCTOS MÓVIL
   1 PRODUCTO POR FILA - ESTILO GLOVO
   ========================================================= */

@media (max-width: 640px) {

    #wcfmmp-store .product_area .products-wrapper ul li.product {
        display: grid !important;
        grid-template-columns: 90px minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        column-gap: 12px !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 100px !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #eeeeee !important;
    }

    /* IMAGEN */
    #wcfmmp-store .product_area .products-wrapper ul li.product figure {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        width: 90px !important;
        height: 90px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #wcfmmp-store .product_area .products-wrapper ul li.product figure img {
        width: 90px !important;
        height: 90px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }

    /* NOMBRE */
    #wcfmmp-store .product_area .products-wrapper ul li.product h2.woocommerce-loop-product__title {
        grid-column: 2 / 4 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        text-align: left !important;
    }

    /* PRECIO */
    #wcfmmp-store .product_area .products-wrapper ul li.product > .price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin: 4px 0 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    /* BOTÓN */
    #wcfmmp-store .product_area .products-wrapper ul li.product .ct-woo-card-actions {
        grid-column: 3 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-self: end !important;
    }

    #wcfmmp-store .product_area .products-wrapper ul li.product .ct-woo-card-actions .button {
        width: auto !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        border-radius: 20px !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    /* Mostrar solamente el símbolo + */
    #wcfmmp-store .product_area .products-wrapper ul li.product .ct-woo-card-actions .button::after {
        content: "+" !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    /* Ocultar categoría */
    #wcfmmp-store .product_area .products-wrapper ul li.product .entry-meta {
        display: none !important;
    }

}