/* 
Theme Name: VAYUZ
Theme URI: https:/www.vayuz.com
Description: VAYUZ Technologies
Author: ArKa | VAYUZ Technologies
Author URI: https://www.vayuz.com/arka
Template: vayuz
Version: 24.2.0.0
Text Domain: vayuz-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




/* === Base positioning context ========================================== */
.elementor-swiper {
	position: relative;              /* ensure we can absolutely position arrows inside */
}

/* Remove any default absolute positions Elementor may inject */
.elementor-swiper .elementor-swiper-button {
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	margin: 0 !important;
	transform: none !important;
}

/* === Arrow cluster container =========================================== */
/* We'll turn the *two* existing arrow elements into an inline flex cluster 
   by targeting both and giving them a shared parent via positioning math.
   Because we can't wrap them in extra markup, we position each individually,
   but visually they'll sit side by side at the bottom-right. */

.elementor-swiper .elementor-swiper-button-prev,
.elementor-swiper .elementor-swiper-button-next {
	position: absolute;
	z-index: 5;                      /* above slides */
	bottom: 1.25rem;                 /* space from bottom */
	/* width/height below; will be overridden responsively */
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.7);
	border-radius: 50%;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

/* Space them horizontally */
.elementor-swiper .elementor-swiper-button-next {
	right: 1.25rem;                  /* sits at the far right */
}
.elementor-swiper .elementor-swiper-button-prev {
	right: calc(1.25rem + 44px + .5rem); /* to the left of Next (width + gap) */
}

/* Hover / focus states */
.elementor-swiper .elementor-swiper-button-prev:hover,
.elementor-swiper .elementor-swiper-button-next:hover,
.elementor-swiper .elementor-swiper-button-prev:focus-visible,
.elementor-swiper .elementor-swiper-button-next:focus-visible {
	background: rgba(0,0,0,.9);
	transform: scale(1.05);
}

/* SVG icons sizing & color */
.elementor-swiper .elementor-swiper-button-prev svg,
.elementor-swiper .elementor-swiper-button-next svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
.elementor-swiper .elementor-swiper-button-prev,
.elementor-swiper .elementor-swiper-button-next {
	color: #fff;                     /* sets SVG via currentColor fill */
}

/* === Disabled state (Swiper adds .swiper-button-disabled) =============== */
.elementor-swiper .swiper-button-disabled {
	opacity: .35;
	cursor: not-allowed;
	transform: none !important;
}

/* === Responsive tweaks ================================================== */

/* Medium screens (tablets) */
@media (max-width: 1024px) {
	.elementor-swiper .elementor-swiper-button-prev,
	.elementor-swiper .elementor-swiper-button-next {
		width: 40px;
		height: 40px;
		bottom: 1rem;
	}
	.elementor-swiper .elementor-swiper-button-prev {
		right: calc(1rem + 40px + .5rem);
	}
	.elementor-swiper .elementor-swiper-button-next {
		right: 1rem;
	}
	.elementor-swiper .elementor-swiper-button-prev svg,
	.elementor-swiper .elementor-swiper-button-next svg {
		width: 16px;
		height: 16px;
	}
}

/* Small screens (phones) — tighter cluster */
@media (max-width: 767px) {
	.elementor-swiper .elementor-swiper-button-prev,
	.elementor-swiper .elementor-swiper-button-next {
		width: 34px;
		height: 34px;
		bottom: .75rem;
		background: rgba(0,0,0,.75);
	}
	.elementor-swiper .elementor-swiper-button-prev {
		right: calc(.75rem + 34px + .4rem);
	}
	.elementor-swiper .elementor-swiper-button-next {
		right: .75rem;
	}
	.elementor-swiper .elementor-swiper-button-prev svg,
	.elementor-swiper .elementor-swiper-button-next svg {
		width: 14px;
		height: 14px;
	}
}

/* Extra‑small / cramped layouts */
@media (max-width: 480px) {
	.elementor-swiper .elementor-swiper-button-prev,
	.elementor-swiper .elementor-swiper-button-next {
		width: 30px;
		height: 30px;
		bottom: .5rem;
	}
	.elementor-swiper .elementor-swiper-button-prev {
		right: calc(.5rem + 30px + .35rem);
	}
	.elementor-swiper .elementor-swiper-button-next {
		right: .5rem;
	}
	.elementor-swiper .elementor-swiper-button-prev svg,
	.elementor-swiper .elementor-swiper-button-next svg {
		width: 12px;
		height: 12px;
	}
}