.bwa-wellness-inline-text {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(28px, 10vw, 150px) clamp(16px, 4vw, 88px);
	background-image:
		linear-gradient(109.5deg, rgba(2, 162, 214, 0) 88%, rgba(255, 255, 255, 0.2) 96.27%),
		linear-gradient(164.66deg, rgba(2, 162, 214, 0) 3.86%, rgba(255, 255, 255, 0.5) 29.65%, #ffffff 55.65%);
}

.bwa-wellness-inline-text__inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.bwa-wellness-inline-text__editor-content {
	font-family: var(--font-primary);
	font-size: clamp(24px, 2.6vw, 34px);
	line-height: 1.34;
	font-weight: 500;
	letter-spacing: -0.05em;
	color: #151515;
	text-wrap: pretty;
}

.bwa-wellness-inline-text__editor-content p {
	margin: 0;
}

.bwa-wellness-inline-text__editor-content img {
	display: inline-block;
	width: 136px;
	height: 72px;
	object-fit: cover;
	border-radius: 60px;
	vertical-align: middle;
	margin: 0 0.35em;
}

.bwa-wellness-inline-text__editor-content figure {
	display: inline-block;
	margin: 0 0.35em;
	vertical-align: middle;
}

.bwa-wellness-inline-text__editor-content figure img {
	margin: 0;
	vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.bwa-wellness-inline-text {
		padding: clamp(52px, 7vw, 72px) clamp(24px, 4vw, 40px);
	}

	.bwa-wellness-inline-text__editor-content {
		font-size: clamp(22px, 2.55vw, 26px);
		line-height: 1.32;
		letter-spacing: 0;
		text-wrap: balance;
	}

	.bwa-wellness-inline-text__editor-content img {
		width: clamp(104px, 12vw, 120px);
		height: clamp(56px, 6.4vw, 64px);
		margin: 0 0.22em;
	}

	.bwa-wellness-inline-text__editor-content figure {
		margin: 0 0.22em;
	}
}

@media (max-width: 767px) {
	.bwa-wellness-inline-text {
		padding: 32px 18px;
	}

	.bwa-wellness-inline-text__editor-content {
		font-size: 26px;
		line-height: 1.28;
	}

	.bwa-wellness-inline-text__editor-content img {
		width: 100px;
		height: 54px;
		margin: 0 0.28em;
	}

	.bwa-wellness-inline-text__editor-content figure {
		margin: 0 0.28em;
	}
}


/* ---------------------------------------------------------------
 * Animation — états des éléments splittés par GSAP SplitText
 * -------------------------------------------------------------- */

/* Chaque mot créé par SplitText doit être inline-block pour que
 * les transforms (y, scale) fonctionnent correctement            */
.bwa-wellness-inline-text__editor-content .wit-word {
	display: inline-block;
	vertical-align: middle;
	will-change: transform, opacity;
}


/* Les spans contenant une image gardent vertical-align: middle
 * pour rester alignés avec le texte après l'animation          */
.bwa-wellness-inline-text__editor-content .wit-word img {
	display: inline-block;
	vertical-align: middle;
}

/* Accélération matérielle pour les images pendant l'animation */
.bwa-wellness-inline-text__editor-content img,
.bwa-wellness-inline-text__editor-content .wit-word {
	will-change: transform, opacity;
}
