/**
 * Owl Carousel Styling
 * Common styles for all carousels (products and categories)
 */

/* Navigation buttons - shared styles */
.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: white !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    z-index: 10;
}

.owl-carousel .owl-nav button:hover {
    background: #f3f4f6 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.owl-carousel .owl-nav .owl-prev {
    left: -20px;
}

.owl-carousel .owl-nav .owl-next {
    right: -20px;
}

.owl-carousel .owl-nav button i,
.owl-carousel .owl-nav button svg {
    color: #374151;
    font-size: 18px;
    display: block;
}

/* Disable navigation on small screens */
@media (max-width: 640px) {
    .owl-carousel .owl-nav {
        display: none;
    }
}

/* Ensure carousel items maintain proper height */
.owl-carousel .item {
    height: 100%;
}

/* Category carousel - equal height items */
.category-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.category-carousel .owl-item {
    display: flex;
    height: auto;
}

.category-carousel .item {
    display: flex;
    width: 100%;
}

.category-carousel .item>a {
    display: flex;
    width: 100%;
}

.category-carousel .item>a>div {
    width: 100%;
    min-height: 300px;
    /* Altezza minima uniforme */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Posiziona il contenuto in basso */
}