/* cb-slider dots*/
/* ========== CB Slider pagination (Swiper) ========== */
:root{
    /*
    --cb-dot: var(--wp--custom--color--octal);
    --cb-dot-active: var(--wp--custom--color--secondary );
    */
    --cb-dot: var(--wp--custom--color--octal);
    --cb-dot-active: var(--wp--preset--color--pale-cyan-blue);
    --wp--custom--carousel-block--navigation-color: var(--wp--custom--color--quaternary);
    --wp--custom--carousel-block--navigation-background-color: var(--wp--custom--color--octal);
    --wp--custom--carousel-block--pagination-bullet-inactive-hover-color: var(--wp--preset--color--pale-cyan-blue);
    --wp--custom--carousel-block--navigation-size:22px;
    --wp--custom--carousel-block--navigation-sides-offset:47px;
}


/* cb-carousel corrections */
.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev{
    width: var(--wp--custom--carousel-block--navigation-size);
    border-radius: var(--wp--custom--carousel-block--navigation-size);
    padding: var(--wp--custom--carousel-block--navigation-size);
    background-color: var(--wp--custom--carousel-block--navigation-background-color);
}
@media (min-width: 480px) and (max-width: 1250px){
    .cb-carousel-block:not(.pw-tslide){
        padding-right: var(--wp--custom--carousel-block--navigation-sides-offset);
        padding-left: var(--wp--custom--carousel-block--navigation-sides-offset);
    }
}
@media (max-width: 1250px) {
    .wp-block-cb-carousel-v2 .cb-button-next {
        right: 0;
    }
    .wp-block-cb-carousel-v2 .cb-button-prev {
        left: 0;
    }
}
.swiper-pagination{
    z-index: 1;
}
.cb-carousel-block .swiper-wrapper:not([style]) .cb-slide:last-child {
    margin-right: 0 !important;
}
.pw-tslide.cb-carousel-block .cb-pagination.swiper-pagination-horizontal{
    margin-bottom: 2.5rem;
    position: relative;
    bottom: 2.66rem;
    top: unset;
}
.cb-carousel-block.pw-centered{
    overflow: hidden;
}
/* Remove additional margin if swiper does not have enough items to run and hide pagination bullets */
.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal+.swiper-pagination-lock{
    margin-top: calc(var(--wp--custom--carousel-block--pagination-bullet-size, 8px) * -6);
}
/* cb-carousel corrections */
:root .cb-carousel-block:not(.pw-bib){
    margin-block-start: calc(var(--wp--custom--gap--vertical) * 2.5);
    margin-block-end: calc(var(--wp--custom--gap--vertical) * 2.5);
}

:root .wp-block-post-content h2 + .cb-carousel-block,
:root .wp-block-post-content h3 + .cb-carousel-block{
    margin-block-start: calc(var(--wp--custom--gap--vertical) * 1.5);
}


h2+.cb-carousel-block{
    margin-block-start: calc(var(--wp--custom--gap--vertical) * 1.7);
}

.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;                  /* space between bullets */
}

/* base dot */
.wp-block-cb-carousel-v2 .cb-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--cb-dot);
    opacity: 1;                                 /* override Swiper default */
    margin: 0 6px !important;                   /* Swiper adds its own margin */
    transition: width .25s ease, background-color .2s ease, transform .25s ease;
}

/* active pill */
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
    width: 44px;                                /* pill length */
    background: var(--cb-dot-active);
}

/* hover/focus states (better a11y) */
.wp-block-cb-carousel-v2 .cb-pagination .swiper-pagination-bullet:hover {
    transform: scale(1.05);
}
.wp-block-cb-carousel-v2 .cb-pagination .swiper-pagination-bullet:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--cb-dot-active);
}

/* compact on small screens */
@media (max-width: 480px){
    .wp-block-cb-carousel-v2 .cb-pagination .swiper-pagination-bullet { width: 7px; height: 7px; }
    .wp-block-cb-carousel-v2 .cb-pagination .swiper-pagination-bullet-active { width: 34px; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
    .wp-block-cb-carousel-v2 .cb-pagination .swiper-pagination-bullet { transition: none; }
}

/* cb-slider dots*/