/*
 * pricing/colonnes-prix — transposition de `.formules` (maquette Astro ADJ) : deux
 * colonnes separees par un filet, le prix dans la police des titres, sans carte.
 * Engagement 5 : aucun hexadecimal.
 */
.ivy-pricing--colonnes-prix {
	--ivy-page-gutter: clamp( 20px, 5vw, 64px );
	box-sizing: border-box;
	padding: clamp( 80px, 9vw, 120px ) max( var( --ivy-page-gutter ), calc( ( 100% - 1280px ) / 2 ) );
}

.ivy-pricing--colonnes-prix .ivy-pricing__header { display: grid; gap: 16px; margin-bottom: 40px; }
.ivy-pricing--colonnes-prix .ivy-pricing__eyebrow {
	display: block;
	margin-bottom: 14px;
	color: var( --ivy-eyebrow-color, var( --ivy-accent-text, var( --ivy-accent, currentcolor ) ) );
	font-size: var( --ivy-font-label );
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.ivy-pricing--colonnes-prix .ivy-pricing__title { margin: 0; color: var( --ivy-title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.12; }
.ivy-pricing--colonnes-prix .ivy-pricing__text { color: var( --ivy-text-color, var( --ivy-ink, currentcolor ) ); }
.ivy-pricing--colonnes-prix .ivy-pricing__text p { margin: 0; font-size: inherit; }

.ivy-pricing--colonnes-prix .ivy-pricing__plans { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var( --ivy-line, currentcolor ); }
.ivy-pricing--colonnes-prix .ivy-pricing__plan {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 36px 48px 8px 0;
	color: inherit;
	text-decoration: none;
}
.ivy-pricing--colonnes-prix .ivy-pricing__plan + .ivy-pricing__plan { padding-left: 48px; border-left: 1px solid var( --ivy-line, currentcolor ); }
.ivy-pricing--colonnes-prix .ivy-pricing__plan-title { margin: 0; color: var( --ivy-plan_title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.2; transition: color 200ms ease; }
a.ivy-pricing__plan:hover .ivy-pricing__plan-title { color: var( --ivy-accent-text, currentcolor ); }
.ivy-pricing--colonnes-prix .ivy-pricing__plan-text { margin: 0; color: var( --ivy-plan_text-color, var( --ivy-ink, currentcolor ) ); }

.ivy-pricing--colonnes-prix .ivy-pricing__price { margin-top: 10px; }
.ivy-pricing--colonnes-prix .ivy-pricing__value {
	display: block;
	color: var( --ivy-plan_value-color, var( --ivy-support, currentcolor ) );
	font-family: var( --ivy-font-titre, inherit );
	font-size: var( --ivy-font-h2 );
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	word-spacing: -.18em;
	-webkit-text-stroke: var( --ivy-title-stroke, 0 ) currentcolor;
	paint-order: stroke fill;
}
.ivy-pricing--colonnes-prix .ivy-pricing__unit { display: block; margin-top: 8px; color: var( --ivy-plan_unit-color, var( --ivy-muted, currentcolor ) ); font-size: var( --ivy-font-body ); line-height: 1.6; }

.ivy-pricing--colonnes-prix .ivy-pricing__cta { color: var( --ivy-cta-color, var( --ivy-accent, currentcolor ) ); font-size: var( --ivy-font-body ); font-weight: 500; line-height: 1.6; }
.ivy-pricing--colonnes-prix .ivy-pricing__cta span { display: inline-block; transition: transform 240ms cubic-bezier( .22, 1, .36, 1 ); }
.ivy-pricing--colonnes-prix a.ivy-pricing__plan:hover .ivy-pricing__cta span { transform: translateX( 4px ); }
.ivy-pricing--colonnes-prix a.ivy-pricing__plan:focus-visible { outline: 2px solid currentcolor; outline-offset: 4px; }

@media ( max-width: 960px ) {
	.ivy-pricing--colonnes-prix .ivy-pricing__plans { grid-template-columns: 1fr; }
	.ivy-pricing--colonnes-prix .ivy-pricing__plan,
	.ivy-pricing--colonnes-prix .ivy-pricing__plan + .ivy-pricing__plan { padding: 28px 0; border-left: 0; }
	.ivy-pricing--colonnes-prix .ivy-pricing__plan + .ivy-pricing__plan { border-top: 1px solid var( --ivy-line, currentcolor ); }
}
