/* ============================================
   Cebrita Products Carousel - Card Extras
   Botones inline + badges de categoría + marcas
   + soporte de modo grid.

   TODOS los selectores están scoped al widget
   .elementor-widget-cebrita-products-carousel
   para no afectar a ningún otro elemento.
   ============================================ */

/* ============================================
   GRID MODE (Carousel Options > Enable = OFF)
   Columnas responsive con el <ul>/<li> nativo
   de WooCommerce, independiente del tema padre.
   ============================================ */
.elementor-widget-cebrita-products-carousel ul.cebrita-products-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.elementor-widget-cebrita-products-carousel ul.cebrita-products-grid>li.product {
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/* Móvil (default 1 columna, ya cubierto arriba) */
@media (min-width: 768px) {
    .elementor-widget-cebrita-products-carousel ul.cebrita-products-grid.columns-2>li.product {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .elementor-widget-cebrita-products-carousel ul.cebrita-products-grid.columns-3>li.product {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .elementor-widget-cebrita-products-carousel ul.cebrita-products-grid.columns-4>li.product {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .elementor-widget-cebrita-products-carousel ul.cebrita-products-grid.columns-5>li.product {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .elementor-widget-cebrita-products-carousel ul.cebrita-products-grid.columns-6>li.product {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
}

/* ============================================
   CAROUSEL MODE - slides full width
   ============================================ */
.elementor-widget-cebrita-products-carousel .cebrita-swiper-carousel .swiper-slide>li.product {
    width: 100%;
    display: block;
}

.elementor-widget-cebrita-products-carousel .cebrita-inline-add-to-cart {
    flex: 1;
    min-width: 0;
}

.elementor-widget-cebrita-products-carousel .cebrita-inline-add-to-cart .button.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Contenedor del botón + output de View cart (added_to_cart.wc-forward) */
.cebrita-hidden {
    display: none !important;
}

/* Wishlist - solo icono */
.elementor-widget-cebrita-products-carousel .cebrita-inline-buttons .shop-action.vertical {
    flex: 0 0 auto;
    position: relative;
}

/* Icono heart heredado del icon font del parent */
.elementor-widget-cebrita-products-carousel .cebrita-inline-buttons .shop-action.vertical .woosw-btn:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 16px;
    width: auto;
    height: auto;
    margin: 0;
}

.group-action .added_to_cart {
    font-size: 0;
    font-size: 0;
    padding: 0;
    background: var(--white);
    color: var(--accent);
    position: relative;
    min-width: inherit !important;
    min-height: inherit !important;
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
}

.group-action .added_to_cart::before {
    position: absolute;
    margin: auto;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 50 50'%3E%3Cpath d='M21.4,37.3c0.3,0.3,0.8,0.5,1.2,0.5c0.5,0,0.9-0.2,1.2-0.5l7.6-7.6c0.8-0.5,0.8-1.7,0.1-2.3c-0.7-0.7-1.8-0.7-2.5,0l-6.3,6.3l-1.8-1.8c-0.7-0.7-1.8-0.7-2.5,0c-0.3,0.3-0.5,0.8-0.5,1.2c0,0.4,0.2,0.9,0.5,1.2L21.4,37.3z M47.2,18.2h-6.4L31.5,4.3c-0.6-0.8-1.7-1.1-2.6-0.5c-0.9,0.6-1.1,1.7-0.5,2.6l7.9,11.9H13.7l7.9-11.9c0.6-0.8,0.4-2-0.5-2.6c-0.8-0.6-2-0.4-2.6,0.5L9.2,18.2H2.8C1.8,18.2,1,19,1,20s0.8,1.8,1.8,1.8h0.9L7.5,41c0.6,3.2,3.4,5.4,6.6,5.4h21.5c3.2,0,6-2.3,6.6-5.4L46,21.8h0.9c1,0,1.8-0.8,1.8-1.8C49,19.1,48.2,18.2,47.2,18.2z M38.7,40.4c-0.3,1.4-1.6,2.5-3,2.5H14.3c-1.5,0-2.7-1-3, -2.5L7.6,21.9h34.9L38.7,40.4z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 50 50'%3E%3Cpath d='M21.4,37.3c0.3,0.3,0.8,0.5,1.2,0.5c0.5,0,0.9-0.2,1.2-0.5l7.6-7.6c0.8-0.5,0.8-1.7,0.1-2.3c-0.7-0.7-1.8-0.7-2.5,0l-6.3,6.3l-1.8-1.8c-0.7-0.7-1.8-0.7-2.5,0c-0.3,0.3-0.5,0.8-0.5,1.2c0,0.4,0.2,0.9,0.5,1.2L21.4,37.3z M47.2,18.2h-6.4L31.5,4.3c-0.6-0.8-1.7-1.1-2.6-0.5c-0.9,0.6-1.1,1.7-0.5,2.6l7.9,11.9H13.7l7.9-11.9c0.6-0.8,0.4-2-0.5-2.6c-0.8-0.6-2-0.4-2.6,0.5L9.2,18.2H2.8C1.8,18.2,1,19,1,20s0.8,1.8,1.8,1.8h0.9L7.5,41c0.6,3.2,3.4,5.4,6.6,5.4h21.5c3.2,0,6-2.3,6.6-5.4L46,21.8h0.9c1,0,1.8-0.8,1.8-1.8C49,19.1,48.2,18.2,47.2,18.2z M38.7,40.4c-0.3,1.4-1.6,2.5-3,2.5H14.3c-1.5,0-2.7-1-3-2.5L7.6,21.9h34.9L38.7,40.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ============================================
   SHOP / ARCHIVE PAGES (loop general de WooCommerce)
   Mismo formato de tarjeta: badges, marcas y botones
   inline dentro de ul.products li.product.
   ============================================ */

.woocommerce ul.products li.product .cebrita-inline-add-to-cart {
    flex: 1;
    min-width: 0;
}

.woocommerce ul.products li.product .cebrita-inline-add-to-cart .button.loading {
    opacity: 0.6;
    pointer-events: none;
}

.woocommerce ul.products li.product .cebrita-inline-add-to-cart .button.added {
    display: none;
}

/* Wishlist - solo icono */
.woocommerce ul.products li.product .cebrita-inline-buttons .shop-action.vertical {
    flex: 0 0 auto;
    position: relative;
}

.woocommerce ul.products li.product .cebrita-inline-buttons .shop-action.vertical .woosw-btn:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 16px;
    width: auto;
    height: auto;
    margin: 0;
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product .cebrita-inline-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .woocommerce ul.products li.product .cebrita-inline-buttons .shop-action.vertical {
        flex: 1 1 100%;
        display: flex;
        justify-content: center;
    }

    .woocommerce ul.products li.product .cebrita-inline-buttons .shop-action.vertical .woosw-btn {
        width: 100%;
        height: 38px;
    }
}

/* ============================================
   Responsive inline buttons
   ============================================ */
@media (max-width: 767px) {
    .elementor-widget-cebrita-products-carousel .cebrita-inline-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .elementor-widget-cebrita-products-carousel .cebrita-inline-buttons .shop-action.vertical {
        flex: 1 1 100%;
        display: flex;
        justify-content: center;
    }

    .elementor-widget-cebrita-products-carousel .cebrita-inline-buttons .shop-action.vertical .woosw-btn {
        width: 100%;
        height: 38px;
    }
}

.cebrita-hidden {
    display: none !important;
}