/** 
    * Common External Pagination Styles
*/

.wdt-external-pagination-wrapper { text-align: center; margin: 20px 0; }
.wdt-external-pagination-wrapper .wdt-swiper-pagination { text-align: center; margin: 20px 0; }


/** 
    * Dots Pagination Styles
*/

.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet { padding: 0px; 
    margin: 0 5px; width: 10px; height: 10px; border-radius:var(--wdtRadius_Full); background-color: rgba(var(--wdtBodyTxtColorRgb), .5);; opacity: 1; }
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet{background-color:var(--wdtAccentTxtColor);}
.wdt-external-pagination-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:none;}
.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:var(--wdtSecondaryColor);}
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: rgba(var(--wdtAccentTxtColorRgb), .7);}
.wdt-external-pagination-wrapper .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
.wdt-external-pagination-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    position:relative; text-align: start;
}


/** 
    * Arrow Pagination Styles
*/

.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination { width: auto; margin: -5px; }
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > div[class*="wdt-arrow-pagination-"] { 
  width:35px; height: 35px; display: inline-flex; align-items: center; justify-content: center;  -webkit-border-radius: var(--wdtRadius_Full); 
  border-radius: var(--wdtRadius_Full); padding:0; background-color:var(--wdtHeadAltColor);  -webkit-transition: var(--wdt-Ad-Transition); 
  transition: var(--wdt-Ad-Transition);  }
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > div[class*="wdt-arrow-pagination-"] i{line-height:1; display:flex; }


.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > div[class*="wdt-arrow-pagination-"]{
  background-color:var(--wdtAccentTxtColor); color:var(--wdtHeadAltColor);
}
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > div[class*="wdt-arrow-pagination-"]:hover{
  background-color:var(--wdtPrimaryColor); color:var(--wdtAccentTxtColor);
}

.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > .wdt-arrow-pagination-prev{
  margin-left: 0; margin-right: clamp(0.375rem, 0.2919rem + 0.2776vw, 0.625rem); /*10-6*/
}
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > .wdt-arrow-pagination-next{
  margin-right: 0; margin-left: clamp(0.375rem, 0.2919rem + 0.2776vw, 0.625rem); /*10-6*/
}
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > .swiper-button-disabled{
  opacity: 0.1; cursor: not-allowed;
}
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > div[class*="wdt-arrow-pagination-"]:hover{
  background-color:var(--wdtPrimaryColor);
}

/** 
    * Progress Bar & Scroll Bar - Pagination Styles
*/

.wdt-external-pagination-wrapper .wdt-swiper-pagination-progressbar,
.wdt-external-pagination-wrapper .wdt-swiper-scrollbar { position: relative; 
    background-color: var(--wdtBorderColor); height: 2px; }

.wdt-external-pagination-wrapper .wdt-swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.wdt-external-pagination-wrapper .wdt-swiper-scrollbar .swiper-scrollbar-drag { width: 100%;
    top: -2px; height: calc(100% + 4px); background-color: var(--wdtPrimaryColor); border-radius: 0px; }