/**
 * Accreditation Panel
 * ============================================================================
 * Accreditation logos section with swiper carousel for mobile.
 *
 * Load order: After base.css, before page-specific styles
 * Dependencies: 00-tokens.css (design tokens), swiper.css (for carousel)
 * ============================================================================
 */

/* ==========================================================================
   Base Styles
   ========================================================================== */

.accreditation-panel .content {
	align-items: center;
	display: flex;
	justify-content: left;
	padding: 57px var(--content-padding-x) 73px var(--content-padding-x);
}

.accreditation-panel .content .text {
	margin-right: var(--space-8);
	max-width: 340px;
	width: 100%;
	font-size: 20px;
}

.accreditation-panel .content .text h3 {
	font-size: 28px;
	letter-spacing: -0.2px;
	margin-bottom: var(--space-4);
}

.accreditation-panel .content .logos {
	align-items: center;
	display: flex;
	justify-content: left;
	width: 100%;
	gap: var(--space-8);
	padding-bottom: var(--space-0);
}

.accreditation-panel .content img {
	max-width: 130px;
	width: 100%;
	border-radius: var(--radius-none);
}

.accreditation-panel .content .swiper-slide {
	border-radius: var(--radius-none);
	box-shadow: none;
}

.accreditation-panel .content .swiper-wrapper {
	margin-bottom: var(--space-0);
	align-items: center;
}

.accreditation-panel .content .logos.swiper {
	padding-top: var(--space-0);
}

/* ==========================================================================
   Responsive: Desktop and below (max-width: 1024px)
   ========================================================================== */

@media (max-width: 1024px) {
	.accreditation-panel .content {
		display: inline-block;
		padding-bottom: 0;
	}

	.accreditation-panel .content .text {
		margin-bottom: 52px;
	}

	.accreditation-panel .content .logos {
		padding-bottom: 70px;
	}
}

/* ==========================================================================
   Responsive: Tablet (max-width: 768px)
   ========================================================================== */

@media (max-width: 768px) {
	.accreditation-panel .content {
		padding: 57px var(--content-padding-x) 73px var(--content-padding-x);
	}

	.accreditation-panel .content .logos {
		display: inline-block;
	}

	.accreditation-panel .content .logos img {
		margin-right: var(--space-8);
	}
}

/* ==========================================================================
   Responsive: Mobile (max-width: 480px)
   ========================================================================== */

@media (max-width: 480px) {
	.accreditation-panel .content {
		flex-direction: column;
		padding: 40px var(--content-padding-x) 0 var(--content-padding-x);
	}

	.accreditation-panel .content .text h3 {
		letter-spacing: -0.4px;
	}
}