.ia-text-columns {
	--_bg-color-section: var(--ia-text-columns-bg-color, transparent);
	--_bg-color-inner: var(--ia-text-columns-bg-color-inner, transparent);
	--_border-radius: var(--ia-text-columns-border-radius, 0);

	padding-block: var(--ia-text-columns-padding-block, var(--wp--preset--spacing--80));
	padding-inline: var(--ia-text-columns-padding-inline, var(--wp--preset--spacing--70));
	background: var(--_bg-color-section, transparent);
}

@media (max-width: 900px) {
	.ia-text-columns {
		--ia-text-columns-padding-inline: var(--wp--preset--spacing--50);
	}
}

/* COLORS */
.ia-text-columns{
	&.is--gradient-blue{
		--ia-text-columns-bg-color: var(--wp--preset--color--gradient-miso-transparent);
	}
	&.is--gradient-pink{
		--ia-text-columns-bg-color: var(--wp--preset--color--gradient-moto-transparent);
	}
}

/** BACKGROUND COLOR INNER **/
.ia-text-columns:is(.is--bg-inner){
	--_bg-color-section: transparent;
	--_bg-color-inner: var(--ia-text-columns-bg-color);
	--ia-text-columns-padding-block: var(--wp--preset--spacing--90);
	--ia-text-columns-padding-inline: var(--wp--preset--spacing--90);
}

/** BORDER RADIUS */
.ia-text-columns:is(.is--border-radius){
	--ia-text-columns-border-radius: var(--wp--custom--border-radius--large);
}

/** DISPLAY TYPES **/
.ia-text-columns{
	&.is-ia-text-columns--column-with-shadow{
		--ia-text-columns--item-padding-block: var(--wp--preset--spacing--80);
		--ia-text-columns--item-padding-inline: var(--wp--preset--spacing--80);
		--ia-text-columns--item-box-shadow: var(--wp--custom--box-shadows--neutral-elevation-300);
		--ia-text-columns--item-border-radius: var(--wp--custom--border-radius--large);
		--ia-text-columns--item-bg-color: var(--wp--preset--color--neutral-light);
		--ia-text-columns--item-new-label-position: absolute;
	}
	&.is-ia-text-columns--image-centered{
		--_bg-color-section: transparent;
		--_bg-color-inner: transparent;
		--ia-text-columns-border-radius: var(--wp--custom--border-radius--large);
		--ia-text-columns--item-bg-color: var(--wp--preset--color--neutral-light);
		--ia-text-columns-bg-color-inner: var(--_bg-color-inner);
		--ia-text-columns-padding-inline: var(--wp--preset--spacing--90);
		--ia-text-columns-padding-block: var(--wp--preset--spacing--90);
		--ia-text-columns--item-padding-block: var(--wp--preset--spacing--80);
		--ia-text-columns--item-padding-inline: var(--wp--preset--spacing--80);
		--ia-text-columns--item-border-radius: var(--wp--custom--border-radius--large);
		--ia-text-columns--item-align: center;
		--ia-text-columns--item-new-label-position: absolute;

		.ia-text-columns__inner{
			position: relative;
		}

		.ia-text-columns__inner::after{
			--_clip-path: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExOSIgaGVpZ2h0PSI3MTIiIHZpZXdCb3g9IjAgMCAxMTE5IDcxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ2LjA3NjQgMjc1LjA5Nkw4OTMuNzEgMjcuODE1NEM5NzAuMTM5IDUuNTE4ODUgMTAwOC4zNSAtNS42Mjk0MyAxMDM4LjYxIDIuODI3MjVDMTA2NS4xMSAxMC4yMzQ1IDEwODcuODggMjcuMzA2IDExMDIuNDEgNTAuNjczMUMxMTE5IDc3LjM1MDggMTExOSAxMTcuMTU4IDExMTkgMTk2Ljc3M1Y2NDcuMDkyQzExMTkgNjY5LjQ5NCAxMTE5IDY4MC42OTUgMTExNC42NCA2ODkuMjUxQzExMTAuODEgNjk2Ljc3OCAxMTA0LjY5IDcwMi44OTcgMTA5Ny4xNiA3MDYuNzMyQzEwODguNiA3MTEuMDkyIDEwNzcuNCA3MTEuMDkyIDEwNTUgNzExLjA5Mkg2NEM0MS41OTc5IDcxMS4wOTIgMzAuMzk2OCA3MTEuMDkyIDIxLjg0MDQgNzA2LjczMkMxNC4zMTM5IDcwMi44OTcgOC4xOTQ2NyA2OTYuNzc4IDQuMzU5NzQgNjg5LjI1MUMwIDY4MC42OTUgMCA2NjkuNDk0IDAgNjQ3LjA5MlYzMzYuNTM1QzAgMzE5LjMyMyAwIDMxMC43MTcgMi45NDQzNiAzMDMuNDczQzUuNTQzMzMgMjk3LjA4IDkuNzUyNDggMjkxLjQ2NyAxNS4xNjI2IDI4Ny4xODFDMjEuMjkxNiAyODIuMzI2IDI5LjU1MzIgMjc5LjkxNiA0Ni4wNzY0IDI3NS4wOTZaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjAwXzMzOSkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMDBfMzM5IiB4MT0iLTYuMjUyOWUtMDYiIHkxPSIzMzYuNTkyIiB4Mj0iMTExNy4xOCIgeTI9IjMzNi41OTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBCNEREMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==');
			--_mask: var(--_clip-path) no-repeat center / cover;

			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: calc(100% + 280px);
			z-index: -1;
			background: var(--ia-text-columns-bg-color);
			-webkit-mask: var(--_mask);
			mask: var(--_mask);
			border-radius: var(--ia-text-columns-border-radius, 0);

		}
	}
}

.ia-text-columns.is-ia-text-columns--grid-four-columns{
	--ia-text-columns--item-padding-block: var(--wp--preset--spacing--80);
	--ia-text-columns--item-padding-inline: var(--wp--preset--spacing--80);
	--ia-text-columns--item-box-shadow: var(--wp--custom--box-shadows--neutral-elevation-300);
	--ia-text-columns--item-border-radius: var(--wp--custom--border-radius--large);
	--ia-text-columns--item-bg-color: var(--wp--preset--color--neutral-light);
	--ia-text-columns--list--grid-template-columns: repeat( auto-fit, minmax(min(250px, 100%), 1fr) );
	--ia-text-columns--item-heading--color: var(--wp--preset--color--neutral-900);
}

.ia-text-columns__inner {
	--_max-width: calc( var(--ia-banner--inner-max-width, var(--wp--custom--width--default, 100%)) - (var(--wp--custom--grid--margin, 0) * 2) );
	--_padding-block: var(--ia-text-columns-padding-block, var(--wp--preset--spacing--60));
	--_padding-inline: var(--ia-text-columns-padding-inline, var(--wp--preset--spacing--90));

	background: var(--_bg-color-inner, transparent);
	padding-block: var(--_padding-block);
	padding-inline: var(--_padding-inline);
	max-width: var(--_max-width);
	margin-inline: auto;
	border-radius: var(--ia-text-columns-border-radius, 0);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--80);
}

@media (max-width: 900px) {
	.ia-text-columns__inner{
		--ia-text-columns-padding-block: 0;
		--ia-text-columns-padding-inline: 0;
	}
}

.ia-text-columns .ia-text{
	--ia-text--margin-block: 0 var(--wp--preset--spacing--80);
}

.ia-text-columns__list {
	--_grid-template-columns: var(--ia-text-columns--list--grid-template-columns, repeat( auto-fit, minmax(min(340px, 100%), 1fr) ));

	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--80);
	grid-template-columns: var(--_grid-template-columns);
}

.ia-text-columns__item{
	position: relative;
	background-color: var(--ia-text-columns--item-bg-color, transparent);
	padding-inline: var(--ia-text-columns--item-padding-block, 0);
	padding-block: var(--ia-text-columns--item-padding-block, 0);
	box-shadow: var(--ia-text-columns--item-box-shadow, none);
	border-radius: var(--ia-text-columns--item-border-radius, 0);

	display: flex;
	flex-direction: column;
	align-items: var(--ia-text-columns--item-align, flex-start);
}

.ia-text-columns__item-new-label{
	position: var(--ia-text-columns--item-new-label-position, relative);
	top: -10px;
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--neutral-light);
	padding-inline: var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--10);
	border-radius: 2px;
	font-weight: 600;
}

.ia-text-columns__item-media {
	width: 80px;
	height: 80px;
}

.ia-text-columns__item-logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
}

.ia-text-columns__item-heading {
	margin-block: var(--wp--preset--spacing--60) 0;
	color: var(--ia-text-columns--item-heading--color, var(--wp--preset--color--neutral-900));
	font-weight: var(--ia-text-columns--item-heading--fweight, 600);
}

.ia-text-columns.is--title-color-primary .ia-text-columns__item-heading {
	color: var(--wp--preset--color--primary);
}

.ia-text-columns__item-text {
	margin-block: var(--wp--preset--spacing--50) 0;
	color: var(--wp--preset--color--neutral-700);
}
