/**
 * Fix para imágenes de productos - Solo corrige proporciones sin cambiar layout
 */

/* Solo corrige imágenes estiradas sin afectar el layout */
.woocommerce img.attachment-woocommerce_thumbnail,
.woocommerce-page img.attachment-woocommerce_thumbnail,
.woocommerce img.attachment-shop_catalog,
.woocommerce-page img.attachment-shop_catalog,
.woocommerce img.attachment-shop_single,
.woocommerce-page img.attachment-shop_single {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Fix específico para imágenes dentro de .box-product */
.box-product img,
.box-product .product-image img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Ocultar mensaje de carrito vacío en el header - PERO NO el carrito completo */
.woocommerce-mini-cart__empty-message {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ocultar cualquier elemento relacionado con carrito vacío PERO solo el mensaje */
.header .woocommerce-mini-cart__empty-message,
.site-header .woocommerce-mini-cart__empty-message,
.navbar .woocommerce-mini-cart__empty-message {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* NO ocultar el carrito completo - solo el mensaje vacío */
/* .woocommerce-mini-cart--empty { display: none !important; } - COMENTADO */
/* .woocommerce-mini-cart__empty-buttons { display: none !important; } - COMENTADO */

/* Fix para el minicart - asegurar que se vea correctamente */
.widget_shopping_cart_content,
.m-cart,
.woocommerce-mini-cart {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix para la capa nublada - remover overlay incorrecto */
.blockUI.blockOverlay {
    display: none !important;
}

/* Asegurar que el minicart tenga z-index correcto */
.m-cart {
    z-index: 9999 !important;
    position: fixed !important;
}

/* FORZAR tamaño mini para el carrito - MÁXIMA PRIORIDAD */
body .m-cart,
.open-cart .m-cart,
body.open-cart .m-cart {
    width: 380px !important;
    max-width: 380px !important;
    min-width: 380px !important;
    right: -380px !important;
}

.open-cart .m-cart,
body.open-cart .m-cart {
    right: 0 !important;
    width: 380px !important;
    max-width: 380px !important;
    min-width: 380px !important;
}

/* Asegurar que el contenido del carrito no se expanda */
.widget_shopping_cart_content,
.m-cart .widget_shopping_cart_content,
.open-cart .m-cart .widget_shopping_cart_content {
    width: 100% !important;
    max-width: 380px !important;
    box-sizing: border-box !important;
}

/* Prevenir que cualquier elemento interno expanda el carrito */
.m-cart *,
.open-cart .m-cart * {
    max-width: 380px !important;
    box-sizing: border-box !important;
}

.m-cart img,
.open-cart .m-cart img {
    max-width: 70px !important;
    height: auto !important;
}

/* Responsive para móviles - mantener tamaño mini */
@media (max-width: 768px) {
    body .m-cart,
    .open-cart .m-cart,
    body.open-cart .m-cart {
        width: 320px !important;
        max-width: 320px !important;
        min-width: 320px !important;
        right: -320px !important;
    }
    
    .open-cart .m-cart,
    body.open-cart .m-cart {
        right: 0 !important;
        width: 320px !important;
        max-width: 320px !important;
        min-width: 320px !important;
    }
}

@media (max-width: 480px) {
    body .m-cart,
    .open-cart .m-cart,
    body.open-cart .m-cart {
        width: 280px !important;
        max-width: 280px !important;
        min-width: 280px !important;
        right: -280px !important;
    }
    
    .open-cart .m-cart,
    body.open-cart .m-cart {
        right: 0 !important;
        width: 280px !important;
        max-width: 280px !important;
        min-width: 280px !important;
    }
}

/* Fix para páginas de categorías - Agregar márgenes para que no se vea "reventado" */
body.tax-product_cat #primary.content-area,
body.woocommerce-shop #primary.content-area {
    padding-left: 30px !important;
    padding-right: 30px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

@media (min-width: 1200px) {
    body.tax-product_cat .container,
    body.woocommerce-shop .container,
    body.woocommerce-cart .container,
    body.woocommerce-checkout .container,
    body.tax-product_cat #primary.container,
    body.woocommerce-shop #primary.container,
    body.woocommerce-cart #primary.container,
    body.woocommerce-checkout #primary.container {
        width: 100% !important;
        max-width: 1400px !important;
    }
}

/* Márgenes adicionales para contenedor principal de categorías */
body.tax-product_cat #main.site-main,
body.woocommerce-shop #main.site-main {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* También aplicar a .site-main por si acaso */
body.tax-product_cat .site-main,
body.woocommerce-shop .site-main {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Forzar márgenes en el content-area principal */
body.tax-product_cat .content-area,
body.woocommerce-shop .content-area {
    padding-left: 30px !important;
    padding-right: 30px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
    body.tax-product_cat #primary.content-area,
    body.woocommerce-shop #primary.content-area,
    body.tax-product_cat #main.site-main,
    body.woocommerce-shop #main.site-main,
    body.tax-product_cat .site-main,
    body.woocommerce-shop .site-main,
    body.tax-product_cat .content-area,
    body.woocommerce-shop .content-area {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 480px) {
    body.tax-product_cat #primary.content-area,
    body.woocommerce-shop #primary.content-area,
    body.tax-product_cat #main.site-main,
    body.woocommerce-shop #main.site-main,
    body.tax-product_cat .site-main,
    body.woocommerce-shop .site-main,
    body.tax-product_cat .content-area,
    body.woocommerce-shop .content-area {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}