/**
 * Content Block Type - Swiper Styles
 * Optimiert: Aus Inline-Styles ausgelagert für bessere Performance
 */

/* Base Swiper Container Styles */
.content-block-post-type.show-slider .swiper {
    min-height: 540px;
    --swiper-theme-color: #000000;
    padding: 0 20px;
}

.content-block-post-type.show-slider .swiper-slide {
    height: 100%;
}

/* Navigation Buttons */
.content-block-post-type.show-slider .swiper-button-prev {
    left: 10px;
}

.content-block-post-type.show-slider .swiper-button-next {
    right: 10px;
}

.content-block-post-type.show-slider .swiper-button-prev,
.content-block-post-type.show-slider .swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 40px;
    height: 40px;
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px;
    background-color: #efefef !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 22px; 
}

/* Pagination */
.content-block-post-type.show-slider .swiper-pagination-bullet {
    transition: width .3s ease-in-out;
    border-radius: 5px;
}

.content-block-post-type.show-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 5px;
}