/**
 * Homepage Key Facts section.
 *
 * @author Sameer Ali N
 * @package AIBM
 */

.aibm-home-facts {
	--aibm-facts-font: "Spoof", "Inter", sans-serif;

	position: relative;
	padding: 75px 0 57px;
	background-color: #303436;
	background-image: url("../img/Key-Facts.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-family: var(--aibm-facts-font);
}

.aibm-home-facts,
.aibm-home-facts *,
.aibm-home-facts *::before,
.aibm-home-facts *::after {
	box-sizing: border-box;
}

.aibm-home-facts .aibm-home-facts__heading {
	margin: 0 0 32px;
	padding: 0;
	color: #ffffff;
	font-family: var(--aibm-facts-font);
	font-size: 36px;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: 0;
	text-transform: none;
}

.aibm-home-facts .aibm-home-facts__panel {
	display: grid;
	grid-template-columns:
		minmax(0, 0.9fr)
		minmax(0, 1fr)
		minmax(0, 1fr);
	align-items: center;
	gap: 40px;
	min-height: 144px;
	margin: 0;
	padding: 44px 56px;
	border: 0;
	border-radius: 36px;
	list-style: none;
	background: #ffffff;
	box-shadow: 0 16px 32px rgba(9, 20, 36, 0.1216);
}

.aibm-home-facts .aibm-home-facts__item {
	display: flex;
	align-items: center;
	gap: 20px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	background: transparent;
}

/* Prevent inherited theme list decorations. */
.aibm-home-facts .aibm-home-facts__item::before,
.aibm-home-facts .aibm-home-facts__item::after {
	display: none;
	content: none;
}

.aibm-home-facts .aibm-home-facts__icon {
	display: flex;
	flex: 0 0 56px;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border: 1px solid #032f42;
	border-radius: 16px;
	background: rgba(211, 231, 239, 0.102);
	color: #032f42;
}

.aibm-home-facts .aibm-home-facts__icon svg {
	display: block;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
}

.aibm-home-facts .aibm-home-facts__text {
	min-width: 0;
}

.aibm-home-facts .aibm-home-facts__title {
	margin: 0 0 4px;
	padding: 0;
	color: #070707;
	font-family: var(--aibm-facts-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0;
	text-transform: none;
	overflow-wrap: break-word;
}

.aibm-home-facts .aibm-home-facts__description {
	margin: 0;
	padding: 0;
	color: #032f42;
	font-family: var(--aibm-facts-font);
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

/* Compact desktop and landscape tablet. */
@media (max-width: 1279px) {
	.aibm-home-facts .aibm-home-facts__panel {
		gap: 24px;
		padding: 36px 32px;
	}

	.aibm-home-facts .aibm-home-facts__item {
		gap: 16px;
	}

	.aibm-home-facts .aibm-home-facts__title {
		font-size: 21px;
		line-height: 28px;
	}
}

/* Tablet: three balanced columns, with icons above the text. */
@media (min-width: 768px) and (max-width: 1099px) {
	.aibm-home-facts {
		padding: 60px 0;
	}

	.aibm-home-facts .aibm-home-facts__panel {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: stretch;
	}

	.aibm-home-facts .aibm-home-facts__item {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
}

/* Mobile: full-width rows within one rounded panel. */
@media (max-width: 767px) {
	.aibm-home-facts {
		padding: 48px 0;
	}

	.aibm-home-facts .aibm-home-facts__heading {
		margin-bottom: 24px;
		font-size: 30px;
		line-height: 36px;
	}

	.aibm-home-facts .aibm-home-facts__panel {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		min-height: 0;
		padding: 12px 24px;
		border-radius: 28px;
	}

	.aibm-home-facts .aibm-home-facts__item {
		gap: 18px;
		padding: 24px 0;
	}

	.aibm-home-facts .aibm-home-facts__item
	+ .aibm-home-facts__item {
		border-top: 1px solid rgba(3, 47, 66, 0.12);
	}

	.aibm-home-facts .aibm-home-facts__title {
		font-size: 22px;
		line-height: 28px;
	}

	.aibm-home-facts .aibm-home-facts__description {
		font-size: 14px;
		line-height: 20px;
	}
}

/* Narrow phones. */
@media (max-width: 379px) {
	.aibm-home-facts .aibm-home-facts__panel {
		padding-right: 18px;
		padding-left: 18px;
	}

	.aibm-home-facts .aibm-home-facts__item {
		gap: 14px;
	}

	.aibm-home-facts .aibm-home-facts__icon {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
		border-radius: 14px;
	}

	.aibm-home-facts .aibm-home-facts__title {
		font-size: 20px;
		line-height: 26px;
	}
}

/* Preserve readability when reduced motion is enabled. */
@media (prefers-reduced-motion: reduce) {
	.aibm-home-facts [data-aibm-animate] {
		opacity: 1;
		transform: none;
		transition: none;
		animation: none;
	}
}