/**
 * RadicalStore Electro Fixes
 * Fix-uri pentru secțiunea "Ultimele produse vizualizate"
 * Version: 1.0.0
 */

/* ========================================
   SOLUȚIA 1: Ascunde categoriile lungi
   ======================================== */
.owl-item > .product .loop-product-categories,
.products > .product .loop-product-categories {
    display: none !important;
}

/* ========================================
   SOLUȚIA 2: Fixează position absolute la hover
   Rezolvă problema casetei goale
   ======================================== */
.owl-item > .product.hover .product-inner,
.owl-item > .product:hover .product-inner,
.products > .product.hover .product-inner,
.products > .product:hover .product-inner {
    position: relative !important;
}

/* ========================================
   SOLUȚIA 3: Fixează lățimea cardului
   Previne lărgirea cardurilor
   ======================================== */
.owl-item > .product,
.products > .product {
    max-width: 240px !important;
    overflow: hidden !important;
}

/* ========================================
   SOLUȚIA 4: Limitează titlul la 2 rânduri
   Previne înălțimea variabilă din cauza titlurilor lungi
   ======================================== */
.owl-item > .product .woocommerce-loop-product__title,
.products > .product .woocommerce-loop-product__title {
    height: 3em !important;
    max-height: 3em !important;
    line-height: 1.5em !important;
    overflow: hidden !important;
    display: block !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
}

/* ========================================
   BONUS: Asigură uniformitate la hover
   ======================================== */
.products-recently-viewed .product:hover {
    z-index: 10;
}

/* ========================================
   AJUSTĂRI RESPONSIVE (opțional)
   ======================================== */
@media (max-width: 768px) {
    .owl-item > .product,
    .products > .product {
        max-width: 100% !important;
    }
}