/**
 * Talentraa - slider arrow visibility.
 *
 * The Edudeme theme renders carousel arrows as a bare icon with a transparent
 * background in the muted body text colour, so they disappear against light or
 * gradient section backgrounds. This turns them into solid, high-contrast
 * circular buttons.
 */

.elementor-element .swiper .elementor-swiper-button,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: #ffffff;
	color: var(--e-global-color-primary, #7659FF);
	border: 1px solid rgba(17, 17, 17, 0.08);
	box-shadow: 0 6px 20px rgba(17, 17, 17, 0.16);
	opacity: 1;
	z-index: 10;
	font-size: 22px;
}

.elementor-element .swiper .elementor-swiper-button svg,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button svg {
	fill: var(--e-global-color-primary, #7659FF);
}

/* Hover / focus: invert to the brand colour. */
.elementor-element .swiper .elementor-swiper-button:hover,
.elementor-element .swiper .elementor-swiper-button:focus-visible,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button:hover,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button:focus-visible {
	background-color: var(--e-global-color-primary, #7659FF);
	color: #ffffff;
	border-color: var(--e-global-color-primary, #7659FF);
	box-shadow: 0 8px 24px rgba(118, 89, 255, 0.42);
}

.elementor-element .swiper .elementor-swiper-button:hover svg,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button:hover svg {
	fill: #ffffff;
}

.elementor-element .swiper .elementor-swiper-button:focus-visible,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button:focus-visible {
	outline: 2px solid var(--e-global-color-primary, #7659FF);
	outline-offset: 3px;
}

/* Disabled arrows stay readable but clearly inactive. */
.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button.swiper-button-disabled {
	opacity: 0.45;
	box-shadow: none;
}

/* Keep the buttons clear of the section edge. */
.elementor-element .swiper .elementor-swiper-button-prev,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button-prev {
	left: 16px;
}

.elementor-element .swiper .elementor-swiper-button-next,
.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button-next {
	right: 16px;
}

@media (max-width: 767px) {
	.elementor-element .swiper .elementor-swiper-button,
	.elementor-element .edudeme-swiper-wrapper .swiper .elementor-swiper-button {
		width: 44px;
		height: 44px;
		font-size: 18px;
	}
}