/**
 * Project carousels on /container-projekte-referenzen/ in the look of the old Inspiration page
 * (wgl-portfolio): square crops, white round arrows at the bottom right of the photo.
 * Elementor's image carousel is used because the project photos are attachments, not portfolio posts.
 */
.coin-proj-carousel .swiper-slide-image,
.coin-proj-single img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.coin-proj-single img {
	aspect-ratio: 4 / 3;
}

/* Elementor positions arrows via .elementor-arrows-position-inside (top:50%, left/right:10px);
   the same class chain + !important on position moves both to the bottom right like the reference. */
.coin-proj-carousel.elementor-arrows-position-inside .elementor-swiper-button {
	top: auto !important;
	bottom: 16px !important;
	transform: none !important;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	color: #202020;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
	font-size: 18px;
}

.coin-proj-carousel .elementor-swiper-button,
.coin-proj-carousel .elementor-swiper-button i {
	color: #202020 !important;
}

.coin-proj-carousel .elementor-swiper-button svg {
	fill: #202020 !important;
	width: 18px;
	height: 18px;
}

.coin-proj-carousel.elementor-arrows-position-inside .elementor-swiper-button-prev {
	left: auto !important;
	right: 72px !important;
}

.coin-proj-carousel.elementor-arrows-position-inside .elementor-swiper-button-next {
	left: auto !important;
	right: 16px !important;
}