/*.co-slider .swiper-pagination{
	
}

.co-slider .swiper-pagination-bullet-active{background-color: var(--wp--custom--primary--main);}

.co-slider .swiper-button-next{right:10px;}

.co-slider .swiper-button-prev{left: 10px;}

.co-slider .swiper-button-prev svg,
.co-slider .swiper-button-next svg{display:none!important;}

.co-slider .swiper-button-prev::after,
.co-slider .swiper-button-next::after{
    background-color: var(--wp--custom--primary--main);
    color: white;
    width: 35px;
    height: 35px;
    display: flex;
    transition: all 300ms ease-in-out;
    justify-content: center;
    align-items: center;
    font-family: 'Font Awesome 6 Pro';
}

.co-slider .swiper-button-prev:hover::after,
.co-slider .swiper-button-next:hover::after{
	background-color: var(--wp--custom--primary--dark);
}

.co-slider .swiper-button-next::after {
    content: '\f178';
}


.co-slider .swiper-button-prev::after {
    content: '\f177';
}

.co-slider .swiper-container{
	overflow:hidden!important;
	position: relative;
}
.co-slider{
	overflow:hidden!important;
	position: relative;
}

.co-slider.arrow-outside:not([data-slider-type="mobile"]){
	padding: 0 40px 40px;
	width: calc(100% + 80px);
    margin-left: -40px;

}

@media screen and (max-width: 600px) {
	.co-slider.arrow-outside[data-slider-type="mobile"]{
		padding: 0 40px;
		width: calc(100% + 50px);
		margin-left: -25px;
	}

	.co-slider.arrow-outside[data-slider-type="mobile"] .swiper-backface-hidden{
		overflow: hidden;
	}
}

.co-slider.arrow-false .swiper-button-prev,
.co-slider.arrow-false .swiper-button-next{
	display: none!important;
}

.co-slider.arrow-top{
	padding-top: 140px;
}

.co-slider.arrow-top .swiper-pagination{
	top: 80px;
}

.co-slider.arrow-top .swiper-button-next,
.co-slider.arrow-top .swiper-button-prev{
	top: 20px;
    bottom: unset;
}

.co-slider.arrow-bottom .swiper-button-next{
	right: calc(50% - 70px);
}

.co-slider.arrow-bottom .swiper-button-prev{
    left: calc(50% - 70px);
}

.co-slider.arrow-bottom{
	padding-bottom: 140px;
}

.co-slider.arrow-bottom .swiper-pagination{
	bottom: 80px;
}

.co-slider.arrow-bottom .swiper-button-next,
.co-slider.arrow-bottom .swiper-button-prev{
	bottom: 20px;
    top: unset;
}

.co-slider.arrow-bottom .swiper-button-next{
	right: calc(50% - 70px);
}

.co-slider.arrow-bottom .swiper-button-prev{
    left: calc(50% - 70px);
}


.wp-block-columns.mobile-slider{
	overflow: hidden;
	position: relative;
}

.wp-block-columns.mobile-slider .swiper-pagination-bullet-active{background-color: var(--wp--custom--primary--main);}*/


/*SWIPER CORE STYLES*/
.co-slider{
    position: relative;
    width: 100%;
}

.co-slider.swiper,
.co-slider .swiper-container{
    width: 100%;
    position: relative;
    overflow: hidden; 
}

.co-slider .swiper-wrapper {
    align-items: stretch;
    display: flex;
}

/* --- Arrow Positioning Logic --- */
.co-slider.arrow-pos-default .swiper-button-prev { left: 20px; }
.co-slider.arrow-pos-default .swiper-button-next { right: 20px; }

.co-slider.arrow-pos-top { padding-top: 80px; }
.co-slider.arrow-pos-top .swiper-button-next,
.co-slider.arrow-pos-top .swiper-button-prev { top: 40px; }

.co-slider.arrow-pos-bottom { padding-bottom: 80px; }
.co-slider.arrow-pos-bottom .swiper-button-next,
.co-slider.arrow-pos-bottom .swiper-button-prev { top: auto; bottom: 25px; }

.co-slider.arrow-pos-outside {
    padding: 0 60px;
    width: calc(100% - 120px);
    margin-left: auto;
    margin-right: auto;
}

.co-slider.arrow-pos-outside .swiper-button-prev { left: 0; }
.co-slider.arrow-pos-outside .swiper-button-next { right: 0; }

.co-slider.arrow-pos-top .swiper-button-prev,
.co-slider.arrow-pos-bottom .swiper-button-prev { right: 70px; }

.co-slider.arrow-pos-top .swiper-button-next,
.co-slider.arrow-pos-bottom .swiper-button-next { right: 20px; }

/*arrow styling */
.co-slider .swiper-button-next,
.co-slider .swiper-button-prev{
	background-color: var(--wp--custom--primary--main);
	border: 1px solid var(--wp--custom--primary--main);
	color: white;
	transition: all 300ms ease-in-out;
}

.co-slider .swiper-button-next:hover,
.co-slider .swiper-button-prev:hover{
	color: var(--wp--custom--primary--main);
	background-color: white;
}

.co-slider .swiper-button-next svg,
.co-slider .swiper-button-prev svg{width: .7em;}

/* --- Pagination --- */
.co-slider.pagination-pos-bottom .swiper-pagination {
    position: initial;
    margin-top: 20px;
    display: block;
}

.co-slider .swiper-pagination-bullet-active{background-color: var(--wp--custom--primary--main);}

/* --- Play/Pause Button --- */
.ota-slider-play-pause {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0;
}

.ota-slider-play-pause:hover {
    background: rgba(15, 23, 42, 0.95);
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.3);
}

.ota-slider-play-pause:focus-visible {
    outline: 3px solid var(--wp--custom--primary--main, #007cba);
    outline-offset: 2px;
}

.ota-slider-play-pause svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    display: block;
    transition: transform 0.2s ease;
}

.ota-slider-play-pause:active svg {
    transform: scale(0.85);
}

.ota-slider-play-pause .ota-icon-play {
    display: none;
}

.ota-slider-play-pause .ota-icon-pause {
    display: flex;
}

.ota-slider-play-pause.is-paused .ota-icon-play {
    display: flex;
}

.ota-slider-play-pause.is-paused .ota-icon-pause {
    display: none;
}

/* Adjust position if slider has pagination/bottom controls to avoid overlapping */
.co-slider.arrow-pos-bottom .ota-slider-play-pause {
    bottom: 85px; /* shift up to avoid arrows/pagination */
}