/*
 * Carousels Common Styles
 * Shared base styles for all carousel-based Gutenberg blocks
 * Provides common layout rules, navigation elements, and animations
 * Author: Netido
 * License: MIT
 */

.swiper-horizontal .swiper-button-prev, .swiper-horizontal .swiper-button-next { color: #000; border-radius: 3px; transition: all 200ms ease-in-out!important; }
.swiper-horizontal .swiper-button-prev:hover, .swiper-button-next:hover, .swiper-button-disabled { opacity: 0.6; }

.swiper-horizontal[data-show-pagination="true"] .swiper-wrapper { margin-bottom: 25px; }
.swiper-horizontal[data-show-pagination="true"] .swiper-pagination { display: flex; justify-content: center; gap: 9px; }
.swiper-horizontal[data-show-pagination="true"] .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; }
.swiper-horizontal[data-show-pagination="true"] .swiper-pagination-bullet-active { background-color: var(--wp--preset--color--contrast); }