/* ========================================
   CORRECCIONES PARA CATÁLOGO JOURNAL3
   ======================================== */

/* Eliminar estilos del tema por defecto que interfieren */
.product-grid .product-thumb .image {
    float: none !important;
}

.product-grid .product-thumb .caption {
    padding: 0 !important;
    min-height: auto !important;
    margin-left: 0 !important;
}

.product-list .product-thumb .caption {
    margin-left: 0 !important;
}

/* Asegurar que Journal3 use sus propios estilos */
.main-products.product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
}

.main-products.product-grid .product-layout {
    display: flex !important;
    flex-direction: column !important;
}

/* Corregir espaciado del grid */
.product-grid .product-thumb {
    margin: 0 !important;
    padding: 0 !important;
}

/* Asegurar que las imágenes se muestren correctamente */
.product-grid .image-group {
    overflow: hidden !important;
    border-radius: inherit !important;
}

.product-grid .caption {
    border-radius: inherit !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Corregir botones */
.product-grid .buttons-wrapper {
    margin-top: auto !important;
}

.product-grid .button-group {
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Asegurar que el grid responsive funcione */
@media (min-width: 1200px) {
    .product-grid .product-layout {
        width: 20% !important; /* 5 productos por fila */
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-grid .product-layout {
        width: 25% !important; /* 4 productos por fila */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-grid .product-layout {
        width: 33.333% !important; /* 3 productos por fila */
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .product-grid .product-layout {
        width: 50% !important; /* 2 productos por fila */
    }
}

@media (max-width: 575px) {
    .product-grid .product-layout {
        width: 100% !important; /* 1 producto por fila */
    }
}

/* Eliminar estilos conflictivos del tema por defecto */
.product-thumb .button-group {
    border-top: none !important;
    background-color: transparent !important;
    overflow: visible !important;
}

.product-list .product-thumb .button-group {
    border-left: none !important;
}

/* Asegurar que los precios se muestren correctamente */
.product-thumb .price {
    color: inherit !important;
}

.product-thumb .price-new {
    font-weight: inherit !important;
}

.product-thumb .price-old {
    color: inherit !important;
    text-decoration: inherit !important;
    margin-left: inherit !important;
}

/* Corregir estilos de rating */
.product-thumb .rating {
    padding-bottom: inherit !important;
}

.rating .fa-stack {
    font-size: inherit !important;
}

.rating .fa-star-o {
    color: inherit !important;
    font-size: inherit !important;
}

.rating .fa-star {
    color: inherit !important;
    font-size: inherit !important;
}

/* Asegurar que los nombres de productos se muestren correctamente */
.product-thumb h4 {
    font-weight: inherit !important;
}

/* Eliminar estilos de hover conflictivos */
.product-thumb .image a:hover {
    opacity: inherit !important;
}

/* Asegurar que el grid de Journal3 funcione correctamente */
.main-products.main-products-style {
    display: flex !important;
    flex-wrap: wrap !important;
}

.main-products.main-products-style .product-layout {
    display: flex !important;
    flex-direction: column !important;
}

/* Corregir espaciado entre productos */
.main-products.main-products-style .product-layout + .product-layout {
    margin-left: 0 !important;
    margin-top: 0 !important;
}