/* ==========================================================================
   PM Academy – Public / Shortcode Styles
   ========================================================================== */

/* ── Swiper brand-colour overrides ───────────────────────────────────────── */

:root {
	--swiper-theme-color                       : #135e96;
	--swiper-pagination-bullet-inactive-color  : #135e96;
	--swiper-pagination-bullet-inactive-opacity: 0.25;
	--swiper-navigation-size                   : 12px; /* smaller arrows */
}

.swiper-button-next,
.swiper-button-prev {
	opacity: 0.5;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size  : 12px;
	font-weight: 900;
}

/* ── Section headings ─────────────────────────────────────────────────────── */

.pma-section-heading {
	margin     : 0 0 12px;
	font-size  : 1.1em;
	font-weight: 600;
	color      : #222;
}

/* ── Shared swiper wrapper ────────────────────────────────────────────────── */

.pma-testimonials-swiper,
.pma-companies-swiper,
.pma-partners-swiper {
	margin        : 24px 0;
	padding-bottom: 48px; /* room for pagination dots */

	/* Raise arrows: container includes 48px bottom padding, so 50% sits too
	   low. Subtract half that padding to re-centre arrows on the slides. */
	--swiper-navigation-top-offset: calc( 50% - 24px );
}

/* ── Single / few items: centre the wrapper ──────────────────────────────── */
/* Added by PHP when fewer items than the per-view count (< 3).              */

.pma-solo.pma-companies-swiper .swiper-wrapper,
.pma-solo.pma-partners-swiper .swiper-wrapper {
	justify-content: center !important;
}

/* Defensive overrides — prevent theme/plugin CSS breaking the slider layout */
.pma-testimonials-swiper .swiper-wrapper,
.pma-companies-swiper .swiper-wrapper,
.pma-partners-swiper .swiper-wrapper {
	display   : flex !important;
	flex-wrap : nowrap !important;
	height    : auto !important;
}

.pma-testimonials-swiper .swiper-slide,
.pma-companies-swiper .swiper-slide,
.pma-partners-swiper .swiper-slide {
	flex-shrink    : 0 !important;
	height         : auto !important;
	box-sizing     : border-box !important;
}

/* ── Testimonials ─────────────────────────────────────────────────────────── */

.pma-testimonials-swiper .swiper-slide {
	height: auto; /* allow equal-height cards via flex */
}

.pma-testimonial-item {
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	height          : 100%;
	background      : #FCF137;
	border          : none;
	border-radius   : 6px;
	padding         : 24px 24px 18px;
	box-sizing      : border-box;
	text-align      : center;
}

.pma-testimonial-text {
	flex       : 1;
	margin     : 0 0 16px;
	padding    : 0;
	font-size  : 15px;
	font-weight: 500;
	font-style : italic;
	line-height: 1.7;
	color      : rgba(17, 35, 55, 0.65);
	border     : none;
	text-align : center;
}

.pma-testimonial-author {
	display    : block;
	font-size  : 13px;
	font-weight: 500;
	color      : rgba(17, 35, 55, 0.65);
	text-align : center;
	font-style : normal;
}

/* ── Companies & Partners slide widths (used with slidesPerView:'auto') ───── */
/* Mobile: 2 per view  →  calc(50% - 12px)   (1 gap ÷ 2  = 12px)            */
/* ≥600px: 3 per view  →  calc(33.333% - 16px) (2 gaps ÷ 3 = 16px)          */

.pma-companies-swiper .swiper-slide,
.pma-partners-swiper .swiper-slide {
	width: calc( 50% - 12px ) !important;
}

@media ( min-width: 600px ) {
	.pma-companies-swiper .swiper-slide,
	.pma-partners-swiper .swiper-slide {
		width: calc( 33.333% - 16px ) !important;
	}
}

/* ── Shared logo styles (companies + partners) ────────────────────────────── */

.pma-logo-item {
	display        : flex;
	flex-direction : column;
	align-items    : center;
	justify-content: center;
	padding        : 12px 8px;
	text-align     : center;
}

.pma-logo-img-wrap {
	display        : flex;
	align-items    : center;
	justify-content: center;
	height         : 80px;
	width          : 100%;
	margin-bottom  : 10px;
}

.pma-logo-img-wrap img {
	max-width   : 130px;
	max-height  : 72px;
	width       : auto;
	height      : auto;
	object-fit  : contain;
	display     : block;
	transition  : opacity 0.2s;
}

.pma-logo-img-wrap img:hover {
	opacity: 0.8;
}

.pma-logo-name {
	margin     : 0;
	font-size  : 13px;
	font-weight: 500;
	color      : #444;
	line-height: 1.4;
}