/**
 * Products Carousel Custom Styles
 * Unified Splide carousel styling for all product carousels (bestsellers, new products, etc.)
 */

.products-carousel {
    position: relative;
    padding: 0 3rem;
}

.products-carousel .splide__track {
    overflow: hidden;
}

/* Hide slides that are not visible to prevent overlap with navigation arrows */
.products-carousel .splide__slide {
    transition: none;
}

.products-carousel .splide__slide:not(.is-visible) {
    visibility: hidden;
}

.products-carousel .splide__slide.is-visible {
    visibility: visible;
}

.products-carousel .splide__list {
    display: flex;
}

.products-carousel .splide__slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.products-carousel .slide-inner {
    width: 100%;
    display: flex;
}

/* Override Bulma column classes inside Splide slides */
.products-carousel .splide__slide .column {
    width: 100% !important;
    flex: none;
    padding: 0.75rem;
}

/* Navigation arrows */
.products-carousel .splide__arrow {
    background: transparent;
    border: none;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.products-carousel .splide__arrow:hover {
    opacity: 1;
    background: transparent;
}

.products-carousel .splide__arrow svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #363636;
}

.products-carousel .splide__arrow--prev {
    left: 0;
}

.products-carousel .splide__arrow--next {
    right: 0;
}

.products-carousel .splide__arrow:disabled {
    opacity: 0.3;
}

/* Product card inside slides */
.products-carousel .card {
    width: 100%;
    height: 100%;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .products-carousel {
        padding: 0 2rem;
    }
}

@media screen and (max-width: 480px) {
    .products-carousel {
        padding: 0 1rem;
    }
}