.ia-grid-cards{
	--_bgcolor: var(--ia-grid-cards--background, transparent);
	--ia-text--heading--font-weight: 600;
	
	background: var(--_bgcolor);
}

.ia-grid-cards--gradient-blue{
	--ia-grid-cards--background: var(--wp--preset--color--gradient-sobu);
	--ia-grid-cards--heading--color: var(--wp--preset--color--neutral-light);
}

.ia-grid-cards--gradient-pink{
	--ia-grid-cards--background: var(--wp--preset--color--gradient-moto-transparent);
}

.ia-grid-cards--gradient-gris {
	--ia-grid-cards--background: var(--wp--preset--color--neutral-100);
	--ia-grid-cards--item-even--bgcolor: var(--wp--preset--color--neutral-light);
}

.ia-grid-cards--gradient-light-blue{
	--ia-grid-cards--background: var(--wp--preset--color--gradient-sobu-transparent);
}

.ia-grid-cards--bg-inner{
	--_bgcolor--inner: var(--ia-grid-cards--background);
	--ia-grid-cards--inner--bgcolor: var(--ia-grid-cards--background);
	
	background: transparent;
}

.ia-grid-cards--border-radius{
	--ia-grid-card--inner--border-radius: var(--wp--custom--border-radius--large);
}

.ia-grid-cards--bg-columns-combine-lightblue-pink {
	--ia-grid-cards--item--bgcolor: var(--wp--preset--color--gradient-moto-transparent);
	--ia-grid-cards--item-even--bgcolor: var(--wp--preset--color--gradient-sobu-transparent);
}

.ia-grid-cards--bg-columns-combine-lightblue-gris {
	--ia-grid-cards--item--bgcolor: var(--wp--preset--color--gradient-sobu-transparent);
	--ia-grid-cards--item-even--bgcolor: var(--wp--preset--color--gradient-neutral);
}

.ia-grid-cards--bg-columns-combine-gris-lightblue {
	--ia-grid-cards--item--bgcolor: var(--wp--preset--color--gradient-neutral);
	--ia-grid-cards--item-even--bgcolor: var(--wp--preset--color--gradient-sobu-transparent);
}

.ia-grid-cards--ctas-middle{
	--ia-grid-cards--item-action-list--order: 0;
}

.ia-grid-cards--hide-bottom-line{
	--ia-grid-cards--item-list-icons--inner--border-bottom: 0;
}

.ia-grid-cards--disable-bottom-line{
	--ia-grid-cards--item-list-icons--inner--border-bottom: 0;
}

@media( min-width: 1099px ){
	.ia-grid-cards--format-column-4 .ia-grid-cards__list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: var(--wp--preset--spacing--90);
	}
}

.ia-grid-cards__inner{
	--_bgcolor: var(--ia-grid-cards--inner--bgcolor, transparent);
	--_max-width: calc( var(--ia-banner--inner-max-width, var(--wp--custom--width--default, 100%)) - (var(--wp--custom--grid--margin, 0) * 2) );

	max-width: var(--_max-width);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: var(--ia-grid-cards--inner--gap, var(--wp--preset--spacing--90));
	padding-block: var(--ia-grid-cards--inner--padding-block, var(--wp--preset--spacing--90));
	padding-inline: var(--ia-grid-cards--inner--padding-block, var(--wp--preset--spacing--90));
	background: var(--_bgcolor);
	border-radius: var(--ia-grid-card--inner--border-radius, 0);
}

.ia-grid-cards__heading{
	--_color: var(--ia-grid-cards--heading--color, var(--wp--preset--color--neutral-900));
	--ia-text--margin-block: var(--wp--preset--spacing--50);
}

.ia-grid-cards__list{
	--_margin-inline: var(--ia-grid-cards--list--margin-inline, var(--wp--preset--spacing--90));

	display: flex;
	gap: var(--ia-grid-cards--list--gap, var(--wp--preset--spacing--90));
	margin-inline: var(--_margin-inline);
}

@media( max-width:1100px ){
	.ia-grid-cards__list{
		flex-direction: column;
		--_margin-inline: 0;
	}
}

.ia-grid-cards__item{
	--_bgcolor: var(--ia-grid-cards--item--bgcolor, var(--wp--preset--color--neutral-light));
	--_padding-block: var(--ia-grid-cards--item--padding-inline, var(--wp--preset--spacing--90));
	--_padding-inline: var(--ia-grid-cards--item--padding-inline, var(--wp--preset--spacing--90));
	--_border-radius: var(--ia-grid-cards--item--border-radius, var(--wp--custom--border-radius--medium));
	--_bshadow: var(--ia-grid-cards--item--box-shadow, var(--wp--custom--box-shadows--neutral-elevation-100));
	--ia-text--margin-block: 0;
	--ia-text--text--margin-block: 0;
	--ia-text--heading--secondary-level--color: var(--ia-grid-cards--item--text--color, var(--wp--preset--color--neutral-900));

	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 100%;

	padding-block: var(--_padding-block);
	padding-inline: var(--_padding-inline);
	border-radius: var(--_border-radius);

	background: var(--_bgcolor);
	box-shadow: var(--_bshadow);
}

/** Card clickable: a link covers the whole card, CTAs stay above it. **/
.ia-grid-cards--card-clickable .ia-grid-cards__item{
	--ia-grid-cards--item--padding-inline: 0;

	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Without card padding the image goes edge to edge and only the text keeps an inner padding. */
.ia-grid-cards--card-clickable .ia-grid-cards__item-media{
	width: 100%;
	overflow: hidden;
	border-radius: var(--_border-radius) var(--_border-radius) 0 0;
}

.ia-grid-cards--card-clickable .ia-grid-cards__item-image{
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.ia-grid-cards--card-clickable .ia-grid-cards__item-content{
	width: 100%;
	padding-inline: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
}

.ia-grid-cards--card-clickable .ia-grid-cards__item-content .ia-text__heading{
	--_color: var(--wp--preset--color--primary-500);
	margin-bottom: var(--wp--preset--spacing--40);
}

.ia-grid-cards--card-clickable .ia-grid-cards__item:has(.ia-grid-cards__item-link):hover{
	--_bshadow: var(--wp--custom--box-shadows--neutral-elevation-300);
	transform: translateY(-4px);
}

.ia-grid-cards__item-link{
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.ia-grid-cards__item-link:focus-visible{
	outline: 2px solid var(--wp--preset--color--primary-500);
	outline-offset: 4px;
}

.ia-grid-cards--card-clickable .ia-grid-cards__item-action-list{
	position: relative;
	z-index: 2;
}

.ia-grid-cards__item:nth-child(even){
	--_bgcolor: var(--ia-grid-cards--item-even--bgcolor, var(--ia-grid-cards--item--bgcolor, var(--wp--preset--color--neutral-light)));
	background: var(--_bgcolor);
}

.ia-grid-cards__item-content{
	--ia-text--preheading--color: var(--ia-grid-cards--item--preheading--color, var(--wp--preset--color--primary-500));
	--ia-text--text--color: var(--ia-grid-cards--item--text--color, var(--wp--preset--color--neutral-700));

	display: flex;
	flex-direction: column;
	color: var(--ia-text--text--color);
}

.ia-grid-cards__item-content .ia-text__text{
	margin-bottom: var(--wp--preset--spacing--80);
}

.ia-grid-cards__item-content .ia-text{
	--ia-text--padding-inline: 0;
}

.ia-grid-cards__item-content .ia-list-icons__list li:last-child{
	margin-bottom: 0px;
}

.ia-grid-cards__item-label{
	--_bgcolor: var(--ia-grid-cards--item-label--bgcolor, var(--wp--preset--color--secondary));
	--_fcolor: var(--ia-grid-cards--item-label--color, var(--wp--preset--color--neutral-light));
	--_padding-block: var(--ia-grid-cards--item-label--padding-block, var(--wp--preset--spacing--20));
	--_padding-inline: var(--ia-grid-cards--item-label--padding-inline, var(--wp--preset--spacing--30));
	--_border-radius: var(--ia-grid-cards--item-label--border-radius, var(--wp--custom--border-radius--x-small));

	
	position: absolute;
	top: -15px;
	left: auto;
	padding-inline: var(--_padding-inline);
	padding-block: var(--_padding-block);
	border-radius: var(--_border-radius);
	font-weight: 600;

	background-color: var(--_bgcolor);
	color: var(--_fcolor);
}

.ia-grid-cards__item-media{
	margin-bottom: var(--wp--preset--spacing--80);
}

.ia-grid-cards__item-content .ia-text__heading--secondary-level{
	margin-bottom: var(--wp--preset--spacing--60);
}

.ia-grid-cards__item-content .ia-text__text{
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
}

.ia-grid-cards__item-list-icons--inner{
	--ia-grid-cards--item-list-icons--inner--border: solid 1px var(--wp--preset--color--neutral-300);
	--_border-top: var(--ia-grid-cards--item-list-icons--inner--border, none);
	--_border-bottom: var(--ia-grid-cards--item-list-icons--inner--border-bottom, var(--_border-top));
	--_padding-block: var(--ia-grid-cards--item-list-icons--inner--padding-block, var(--wp--preset--spacing--60));
	--ia-list-icons--padding-block: var(--wp--preset--spacing--60) 0;
	--ia-list-icons--padding-inline: 0;
	--_width: var(--ia-grid-cards--item-list-icons--inner--width, 100%);

	border-top: var(--_border-top);
	border-bottom: var(--_border-bottom);
	padding-block: var(--_padding-block);
}

.ia-grid-cards__item-list-icons--inner .ia-list-icons{
	--ia-list-icons--padding-block: 0;
	max-width: 100%;
}

.ia-grid-cards__item-action-list{
	--_order: var(--ia-grid-cards--item-action-list--order, 2);

	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--wp--preset--spacing--50);
	order: var(--_order);
}

.ia-grid-cards--ctas-middle .ia-grid-cards__item-action-list {
	margin-bottom: var(--wp--preset--spacing--80);
}

@media( max-width:900px ){
	.ia-grid-cards__item-action-list{
		flex-direction: column;
	}
}

.ia-grid-cards__item-action-list a{
	display: block;
}
