/**
 * Scoped styles for homepage Certificates & Accreditations section.
 */

.mitocon-certs-section {
	--mitocon-certs-text: #475569;
	--mitocon-certs-title: #0f172a;
	--mitocon-certs-accent: #0f9b97;
	--mitocon-certs-accent-soft: rgba(15, 155, 151, 0.14);
	--mitocon-certs-border: rgba(15, 23, 42, 0.08);
	--mitocon-certs-shadow: 0 16px 36px rgba(2, 18, 45, 0.08);
	--mitocon-certs-bg: linear-gradient(180deg, #f8fbfd 0%, #eef6fa 100%);
	--mitocon-certs-logo-size: 132px;
	position: relative;
	overflow: hidden;
}

.mitocon-certs-section:before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 16% 18%, rgba(10, 155, 142, 0.1), transparent 50%),
		radial-gradient(circle at 84% 22%, rgba(1, 57, 137, 0.08), transparent 54%),
		var(--mitocon-certs-bg);
	pointer-events: none;
}

.mitocon-certs-section > .bt_bb_port {
	position: relative;
	z-index: 1;
}

.mitocon-certs-section header.bt_bb_headline .bt_bb_headline_content {
	color: var(--mitocon-certs-title);
	font-weight: 700;
	letter-spacing: 0.02em;
}

.mitocon-certs-section header.bt_bb_headline .bt_bb_headline_superheadline {
	color: #64748b;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.mitocon-certs-section .bt_bb_text {
	color: #334155;
	line-height: 1.7;
}

.mitocon-certs-section .bt_bb_text p,
.mitocon-certs-section .bt_bb_text li,
.mitocon-certs-section .bt_bb_text span {
	color: inherit;
}

/* Make short award lines easier to read and highlighted in different colors. */
.mitocon-certs-section .bt_bb_text p {
	color: #1f2937;
	font-weight: 500;
}

.mitocon-certs-section .bt_bb_text p:first-of-type {
	color: #ffd56f;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.mitocon-certs-section .bt_bb_text p:nth-of-type(2) {
	color: #f8fafc;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-primary,
.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-primary * {
	display: block;
	width: 100%;
	margin: 0.22rem auto;
	padding: 0.22rem 0.4rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 800 !important;
	font-size: clamp(0.98rem, 1.55vw, 1.36rem);
	line-height: 1.25;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	color: #ffd56f;
	background: linear-gradient(90deg, #ffe57a 0%, #ffbe72 42%, #ff83b6 76%, #ffd600 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow:
		0 0 10px rgba(255, 190, 114, 0.45),
		0 0 24px rgba(255, 122, 168, 0.35);
	opacity: 1 !important;
	position: relative;
	z-index: 1;
}

.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-secondary,
.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-secondary * {
	display: block;
	width: 100%;
	margin: 0.14rem auto;
	padding: 0.16rem 0.4rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700 !important;
	font-size: clamp(0.92rem, 1.2vw, 1.12rem);
	line-height: 1.35;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	color: #f8fafc !important;
	text-shadow:
		0 1px 0 rgba(2, 6, 23, 0.55),
		0 0 8px rgba(255, 255, 255, 0.22);
	opacity: 1 !important;
	position: relative;
	z-index: 1;
}

.mitocon-certs-section .bt_bb_text strong,
.mitocon-certs-section .bt_bb_text b {
	color: var(--mitocon-certs-accent);
	font-weight: 700;
}

/* Force effect on award lines even when builder wraps text in nested strong/span tags. */
.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-primary,
.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-primary * {
	color: #ffd56f !important;
	background: linear-gradient(90deg, #ffe57a 0%, #ffbe72 42%, #ff83b6 76%, #ffd600 100%) !important;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow:
		0 0 10px rgba(255, 190, 114, 0.45),
		0 0 24px rgba(255, 122, 168, 0.35);
}

.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-secondary,
.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-secondary * {
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc;
	background: none !important;
	text-shadow:
		0 1px 0 rgba(2, 6, 23, 0.55),
		0 0 8px rgba(255, 255, 255, 0.22);
}

.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-primary::after,
.mitocon-certs-section .bt_bb_text p.mitocon-award-highlight-secondary::after {
	content: '★ ★ ★ ★ ★';
	display: block;
	margin-top: 0.52rem;
	text-align: center;
	font-size: clamp(0.82rem, 1vw, 1rem);
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #ffd34a;
	-webkit-text-fill-color: #ffd34a;
	background: none !important;
	text-shadow:
		0 0 8px rgba(255, 211, 74, 0.4),
		0 0 18px rgba(255, 166, 0, 0.28);
}

/* Final fallback: award effect works across Bold Builder wrappers (p/span/headline). */
.mitocon-certs-section .mitocon-award-highlight-primary,
.mitocon-certs-section .mitocon-award-highlight-primary * {
	display: block !important;
	width: 100%;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-weight: 800 !important;
	font-size: clamp(0.98rem, 1.55vw, 1.36rem) !important;
	line-height: 1.25 !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	color: #ffd56f !important;
	background: linear-gradient(90deg, #ffe57a 0%, #ffbe72 42%, #ff83b6 76%, #ffd600 100%) !important;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent !important;
	text-shadow:
		0 0 10px rgba(255, 190, 114, 0.45),
		0 0 24px rgba(255, 122, 168, 0.35) !important;
}

.mitocon-certs-section .mitocon-award-highlight-secondary,
.mitocon-certs-section .mitocon-award-highlight-secondary * {
	display: block !important;
	width: 100%;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-weight: 700 !important;
	font-size: clamp(0.92rem, 1.2vw, 1.12rem) !important;
	line-height: 1.35 !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	color: #f8fafc !important;
	background: none !important;
	-webkit-text-fill-color: #f8fafc !important;
	text-shadow:
		0 1px 0 rgba(2, 6, 23, 0.55),
		0 0 8px rgba(255, 255, 255, 0.22) !important;
}

.mitocon-certs-section .mitocon-award-highlight-primary::after,
.mitocon-certs-section .mitocon-award-highlight-secondary::after {
	content: '★ ★ ★ ★ ★' !important;
	display: block !important;
	margin-top: 0.52rem;
	text-align: center;
	font-size: clamp(0.82rem, 1vw, 1rem);
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #ffd34a !important;
	-webkit-text-fill-color: #ffd34a !important;
	background: none !important;
	text-shadow:
		0 0 8px rgba(255, 211, 74, 0.4),
		0 0 18px rgba(255, 166, 0, 0.28);
}

.mitocon-certs-section .bt_bb_text mark {
	background: var(--mitocon-certs-accent-soft);
	color: #0f172a;
	padding: 0.08em 0.34em;
	border-radius: 0.28em;
}

.mitocon-certs-section .mitocon-certs-logos-row {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(14px, 2.3vw, 26px);
	margin-top: clamp(0.4rem, 1.6vw, 1rem);
}

.mitocon-certs-section .mitocon-certs-logos-row > .bt_bb_column.mitocon-certs-logo-col {
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: min(100%, 300px) !important;
	flex: 1 1 260px;
	max-width: 320px !important;
}

.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_column_content {
	height: 100%;
}

.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_column_content_inner {
	height: 100%;
	min-height: 178px;
	padding: clamp(14px, 2.2vw, 24px);
	border-radius: 20px;
	background: transparent;
	border: 1px solid transparent;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_column_content_inner:hover {
	transform: translateY(-4px);
	border-color: transparent;
	box-shadow: none;
}

.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_image {
	width: var(--mitocon-certs-logo-size);
	height: var(--mitocon-certs-logo-size);
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: saturate(1.03) contrast(1.03);
}

/* Keep INSPECTED BY logos at the same box size as certificates logos. */
.mitocon-certs-section .mitocon-inspected-logos-row .mitocon-certs-logo-col .bt_bb_image,
.mitocon-certs-section .mitocon-certificates-logos-row .mitocon-certs-logo-col .bt_bb_image {
	width: var(--mitocon-certs-logo-size) !important;
	height: var(--mitocon-certs-logo-size) !important;
	margin: 0 auto !important;
}

.mitocon-certs-section .mitocon-inspected-logos-row .mitocon-certs-logo-col .bt_bb_image img,
.mitocon-certs-section .mitocon-certificates-logos-row .mitocon-certs-logo-col .bt_bb_image img {
	width: var(--mitocon-certs-logo-size) !important;
	height: var(--mitocon-certs-logo-size) !important;
	max-width: var(--mitocon-certs-logo-size) !important;
	max-height: var(--mitocon-certs-logo-size) !important;
	object-fit: contain !important;
	margin: 0 auto !important;
}

/* Slick slider in this section sets img width:100%/height:auto by default.
   Force a strict, equal logo box for every slide image. */
.mitocon-certs-section .slick-track .slick-slide {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.mitocon-certs-section .slick-track .slick-slide .bt_bb_image {
	width: var(--mitocon-certs-logo-size) !important;
	height: var(--mitocon-certs-logo-size) !important;
	margin: 0 auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mitocon-certs-section .slick-track .slick-slide .bt_bb_image img,
.mitocon-certs-section .slick-track .slick-slide img {
	width: var(--mitocon-certs-logo-size) !important;
	height: var(--mitocon-certs-logo-size) !important;
	max-width: var(--mitocon-certs-logo-size) !important;
	max-height: var(--mitocon-certs-logo-size) !important;
	object-fit: contain !important;
	margin: 0 auto !important;
}

@media (max-width: 991px) {
	.mitocon-certs-section .mitocon-certs-logos-row > .bt_bb_column.mitocon-certs-logo-col {
		max-width: min(100%, 320px) !important;
		flex-basis: 280px;
	}
}

@media (max-width: 767px) {
	.mitocon-certs-section .mitocon-certs-logos-row {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.mitocon-certs-section .mitocon-certs-logos-row > .bt_bb_column.mitocon-certs-logo-col {
		width: 100% !important;
		max-width: none !important;
		flex: 1 1 auto;
	}

	.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_column_content_inner {
		border-radius: 16px;
		padding: 14px 16px;
		min-height: 154px;
	}

	.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_image {
		width: 108px;
		height: 108px;
	}

	.mitocon-certs-section .slick-track .slick-slide .bt_bb_image {
		width: 108px !important;
		height: 108px !important;
	}

	.mitocon-certs-section .slick-track .slick-slide .bt_bb_image img,
	.mitocon-certs-section .slick-track .slick-slide img {
		width: 108px !important;
		height: 108px !important;
		max-width: 108px !important;
		max-height: 108px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mitocon-certs-section .mitocon-certs-logos-row .mitocon-certs-logo-col .bt_bb_column_content_inner {
		transition: none;
	}
}

/* Readability-first override for award text (kept section-scoped only). */
.mitocon-certs-section .mitocon-award-highlight-primary,
.mitocon-certs-section .mitocon-award-highlight-primary * {
	color: #ffb347 !important;
	background: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	-webkit-text-fill-color: #ffb347 !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	font-size: clamp(1.02rem, 1.6vw, 1.42rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.28 !important;
	text-transform: uppercase !important;
	text-shadow:
		0 1px 0 rgba(15, 23, 42, 0.45),
		0 0 8px rgba(255, 179, 71, 0.45) !important;
}

.mitocon-certs-section .mitocon-award-highlight-secondary,
.mitocon-certs-section .mitocon-award-highlight-secondary * {
	color: #334155 !important;
	background: none !important;
	-webkit-text-fill-color: #334155 !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	font-size: clamp(0.96rem, 1.2vw, 1.16rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	line-height: 1.36 !important;
	text-transform: uppercase !important;
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.45),
		0 0 5px rgba(51, 65, 85, 0.16) !important;
}

/* Final reference-style award typography (scoped to certificates section only). */
.mitocon-certs-section .mitocon-award-highlight-primary,
.mitocon-certs-section .mitocon-award-highlight-primary * {
	background: linear-gradient(90deg, #ff9cf4 0%, #c7b6ff 38%, #c7d8ff 68%, #f3f536 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: #d9d3ff !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	font-size: clamp(1.08rem, 1.9vw, 1.72rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.25 !important;
	text-transform: uppercase !important;
	text-shadow:
		0 0 14px rgba(116, 214, 255, 0.5),
		0 0 28px rgba(225, 89, 255, 0.35) !important;
}

.mitocon-certs-section .mitocon-award-highlight-secondary,
.mitocon-certs-section .mitocon-award-highlight-secondary * {
	background: none !important;
	-webkit-text-fill-color: #f8fbff !important;
	color: #f8fbff !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	font-size: clamp(0.96rem, 1.25vw, 1.28rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	line-height: 1.34 !important;
	text-transform: none !important;
	text-shadow:
		0 0 8px rgba(255, 255, 255, 0.34),
		0 1px 0 rgba(15, 23, 42, 0.55) !important;
}

.mitocon-certs-section .mitocon-award-highlight-primary::after,
.mitocon-certs-section .mitocon-award-highlight-secondary::after {
	content: '★ ★ ★ ★ ★' !important;
	display: block !important;
	margin-top: 0.56rem !important;
	letter-spacing: 0.22em !important;
	font-size: clamp(0.84rem, 1.04vw, 1.08rem) !important;
	font-weight: 700 !important;
	color: #f4cf4f !important;
	-webkit-text-fill-color: #f4cf4f !important;
	background: none !important;
	text-shadow:
		0 0 10px rgba(255, 194, 48, 0.45),
		0 0 20px rgba(255, 164, 0, 0.32) !important;
}

/* Final hard override: high-contrast premium style, section-scoped only. */
.mitocon-certs-section .mitocon-award-highlight-primary,
.mitocon-certs-section .mitocon-award-highlight-primary * {
	background: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	-webkit-text-fill-color: #1e3a8a !important;
	color: #1e3a8a !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	font-size: clamp(1rem, 1.4vw, 1.3rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.34 !important;
	text-transform: uppercase !important;
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.8),
		0 0 10px rgba(59, 130, 246, 0.22) !important;
	background-image: linear-gradient(transparent 62%, rgba(251, 191, 36, 0.28) 62%) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	opacity: 1 !important;
}

.mitocon-certs-section .mitocon-award-highlight-secondary,
.mitocon-certs-section .mitocon-award-highlight-secondary * {
	background: none !important;
	-webkit-text-fill-color: #0f766e !important;
	color: #0f766e !important;
	font-family: "Montserrat", "Poppins", "Segoe UI", Arial, sans-serif !important;
	font-size: clamp(0.94rem, 1.15vw, 1.1rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.38 !important;
	text-transform: none !important;
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.72),
		0 0 8px rgba(15, 118, 110, 0.18) !important;
	opacity: 1 !important;
}

.mitocon-certs-section .mitocon-award-highlight-primary::after,
.mitocon-certs-section .mitocon-award-highlight-secondary::after {
	content: '★ ★ ★ ★ ★' !important;
	color: #f59e0b !important;
	-webkit-text-fill-color: #f59e0b !important;
	background: none !important;
	text-shadow:
		0 0 8px rgba(245, 158, 11, 0.32),
		0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

/* Final hard override: every certificates logo/icon uses identical square size. */
.mitocon-certs-section .mitocon-certs-logo-col .bt_bb_image,
.mitocon-certs-section .mitocon-certs-logo-col .bt_bb_image a,
.mitocon-certs-section .mitocon-certs-logo-col .bt_bb_image span,
.mitocon-certs-section .mitocon-certs-logo-col .bt_bb_image img,
.mitocon-certs-section .slick-track .slick-slide .bt_bb_image,
.mitocon-certs-section .slick-track .slick-slide .bt_bb_image a,
.mitocon-certs-section .slick-track .slick-slide .bt_bb_image span,
.mitocon-certs-section .slick-track .slick-slide .bt_bb_image img {
	width: var(--mitocon-certs-logo-size) !important;
	height: var(--mitocon-certs-logo-size) !important;
	min-width: var(--mitocon-certs-logo-size) !important;
	min-height: var(--mitocon-certs-logo-size) !important;
	max-width: var(--mitocon-certs-logo-size) !important;
	max-height: var(--mitocon-certs-logo-size) !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transform: none !important;
}

.mitocon-certs-section .mitocon-certs-logo-col .bt_bb_image img,
.mitocon-certs-section .slick-track .slick-slide .bt_bb_image img {
	object-fit: fill !important;
}

@media (max-width: 767px) {
	.mitocon-certs-section {
		--mitocon-certs-logo-size: 108px;
	}
}