/*
Theme Name: The Performamce Bee
Author: The Performamce Bee
Author URI: https://theperformancebee.com
Template: numerique
*/



/*

put your child theme styles here


you don't need any @import rules

*/

/* Home – client logo slider: uniform logo boxes, even spacing */
.pb-client-logos .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
}

.pb-client-logos .swiper-slide-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 90px;
	margin: 0;
}

.pb-client-logos .swiper-slide-image {
	display: block;
	width: 100%;
	max-width: 180px;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.pb-client-logos .swiper-slide-inner {
		height: 80px;
	}
}

@media (max-width: 767px) {
	.pb-client-logos .swiper-slide-inner {
		height: 70px;
	}
}

/*
 * Elementor Pro 3.14 clips .swiper-wrapper until it sees .swiper-container-initialized,
 * but Elementor 4.x's Swiper adds .swiper-initialized instead. The wrapper stays clipped
 * after init and translated slides (e.g. home "Our customers..." post carousel) vanish.
 * Its pre-init gap also stacks on Swiper's spaceBetween, so slides drift off-grid.
 */
.elementor-widget-loop-carousel .swiper-container.swiper-initialized .swiper-wrapper,
.elementor-widget-loop-carousel .swiper.swiper-initialized .swiper-wrapper,
.swiper-container.swiper-initialized .swiper-wrapper,
.swiper.swiper-initialized .swiper-wrapper {
	overflow: visible;
	gap: 0;
}

/*
 * Mobile: Elementor Pro 3.14 loop carousels still use .swiper-container, which Swiper 8's
 * CSS (loaded by Elementor 4.x) doesn't clip. With the wrapper set to overflow: visible
 * above, off-screen slides widened the home page and caused horizontal scrolling.
 */
@media (max-width: 767px) {
	.elementor-loop-container.swiper-container {
		overflow: hidden;
	}
}