/*
==========================================================================
 REFINAMIENTO DEL PADING O MARGEN DEBAJO DE LA IMAGEN DEL PRODUCTO
==========================================================================
*/

/* Considerar resetear en escritorio si el layout lo requiere */
@media (min-width: 769px) {
    body.single-product div.product .woocommerce-product-gallery {
        /* Aquí puedes restablecer un padding o margen si es necesario para el layout de escritorio */
        /* Por ejemplo: padding-bottom: 1rem; */
        /* margin-bottom: 1rem; */
    }
}

/*
==========================================================================
 REFINAMIENTO DE TÍTULO DEL PRODUCTO
==========================================================================
*/

@media (min-width: 769px) {
    body.single-product div.product .product_title {
        font-size: 2.1rem; /* O un valor adecuado para pantallas de escritorio */
      	text-align: left; /* Alineación a la izquierda para ESCRITORIO */
    }
}

/*
==========================================================================
 REFINAMIENTO DEL PRECIO
==========================================================================
*/

@media (min-width: 769px) {
    body.single-product div.product p.price {
        font-size: 1.8rem; /* Mantén un tamaño mayor para escritorio si lo deseas */
    }
}

/*
==========================================================================
 REFINAMIENTO DE META INFORMACIÓN (SKU, CATEGORÍA, EAN)
==========================================================================
*/

@media (min-width: 769px) {
    /* MOSTRAMOS SOLO LOS NUESTROS */
    .product_meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem 1.5rem;
    }

    .product_meta .product-ean,
    .product_meta .om-sku,
    .product_meta .product-category-label,
    .product_meta .om-tagged {
        display: inline-block;
        margin-bottom: 0;
    }
}

/*
==========================================================================
 *  REORDENACIÓN USANDO EL WRAPPER PERSONALIZADO
==========================================================================
 * Se usan selectores de hijo directo (>) para máxima precisión. El bloque
 * 'form.cart' se ordena como una sola unidad, ya que contiene tanto los
 * botones como la disponibilidad de stock.
 */

@media (min-width: 769px) {
    /* --- Layout de dos columnas --- */
    body.single-product div.product .woocommerce-product-gallery,
    body.single-product div.product .summary.entry-summary {
        width: 48%;
        display: block;
        vertical-align: top;
    }
    body.single-product div.product .woocommerce-product-gallery {
        margin-right: 4%;
    }

    /* --- Reset del wrapper del resumen --- */
    body.single-product .summary .om-bn-summary-wrapper {
        display: block;
    }

    /* --- Reset del orden de los elementos --- */
    .om-bn-summary-wrapper > .product_title,
    .om-bn-summary-wrapper > .price,
    .om-bn-summary-wrapper > form.cart,
    .om-bn-summary-wrapper > .woocommerce-product-details__short-description,
    .om-bn-summary-wrapper > .product_meta,
    .om-bn-summary-wrapper > .om-estimated-delivery-info,
    .om-bn-summary-wrapper > .om-benefits-row {
        order: 0;
    }
  
}