/* ============================================
   Elementor Editor Fix - Slider/Carousel
   Corrige el renderizado del slider en el
   editor de Elementor para que sea identico
   al frontend
   ============================================ */

/* ============================================
   Estructura frontend:
   .slick-slide > div > li.product
   ============================================ */

/* ============================================
   Estructura editor:
   li.product.slick-slide (sin wrapper div)
   ============================================ */

/* --- Reset de estilos base del slider --- */

/* En editor, el li es slick-slide directamente */
.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-track {
    display: flex;
    align-items: stretch;
}

.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-track > li.slick-slide {
    flex: 0 0 auto;
    display: block;
}

/* Productos dentro del slider en editor */
.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel ul.products li.product {
    margin: 0 !important;
    display: block;
}

.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel ul.products li.product .product-block {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* --- Layout Carousel Center --- */

/* En editor: li es slick-center directamente */
.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide {
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    border-right: none;
}

.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide:before {
    content: none !important;
}

.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide .product-block {
    margin: 45px 0;
    position: relative;
}

/* Slide centrado */
.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide.slick-center {
    padding-left: 0;
    padding-right: 0;
}

.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide.slick-center .product-block {
    margin: 0;
}

.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide.slick-center .product-block:before {
    content: none !important;
}

/* Separadores entre slides */
.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide .product-block:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: -30px;
    top: 0;
    background-color: var(--border);
}

.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide.slick-center + li.slick-slide .product-block:before {
    content: none !important;
}

/* Margenes del carousel center */
.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products {
    margin-left: -30px;
    margin-right: -30px;
}

/* Slick list overflow */
.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center .woocommerce-carousel .slick-list {
    overflow: hidden;
}

/* --- Layout Carousel 2 (Fade) --- */

.elementor-editor-active .elementor-widget-bookory-products.layout-carousel-2 .woocommerce-carousel ul.products li.slick-slide:not(.slick-active) {
    opacity: 0;
    visibility: hidden;
}

.elementor-editor-active .elementor-widget-bookory-products.layout-carousel-2 .woocommerce-carousel ul.products li.slick-slide.slick-active ~ li.slick-slide {
    opacity: 1;
    visibility: visible;
}

/* --- Layout Carousel 3 (Overflow) --- */

.elementor-editor-active .elementor-widget-bookory-products.layout-carousel-3 .woocommerce-carousel .slick-list {
    overflow: visible;
}

/* --- Hidden border bottom --- */

.elementor-editor-active .elementor-widget-bookory-products.hidden-border-bottom-product-yes .woocommerce-carousel ul.products li.product:before {
    content: none !important;
}

.elementor-editor-active .elementor-widget-bookory-products.hidden-border-bottom-product-yes .woocommerce-overflow {
    overflow: hidden;
}

/* --- Slick arrows position --- */

.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-prev,
.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-next {
    z-index: 10;
}

.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-prev {
    left: 0 !important;
}

.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-next {
    right: 0 !important;
}

/* --- Ajuste de ancho de slides --- */

/* En editor, calcular ancho basado en el container */
.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-track {
    transform: none !important;
    width: 100% !important;
}

/* Product grid responsive en editor */
.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel ul.products {
    display: block;
}

.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel ul.products.slick-initialized {
    display: block;
    margin: 0;
}

/* Evitar que slick en editor rompa el layout */
.elementor-editor-active .elementor-widget-bookory-products .woocommerce-carousel .slick-list {
    margin-right: 1px;
    padding: 0;
}

.elementor-editor-active .elementor-widget-bookory-products .layout-carousel-center ul.products li.slick-slide .product-block:before {
    content: none !important;
}