/**
 * Carousel Block – Frontend Styles
 *
 * Defines base layout and visual styles
 * for the Carousel block on the frontend.
 *
 * @package Netido
 * @since 1.0.0
 */

.netido-carousel { position: relative; }
.netido-carousel.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto !important; margin-right: auto !important; }
.netido-carousel .swiper-slide { display: flex; flex-direction: column; height: auto !important; box-sizing: border-box; cursor: grab; }
.netido-carousel .swiper-slide:active { cursor: grabbing; }
.netido-carousel .swiper-slide .slide-inner { flex: 1; display: flex; flex-direction: column; }