/**
 * wideum-fix-g.css — ALÇADA IGUAL de cards dins d'una mateixa fila (grids).
 *
 * Objectiu: a producció, totes les cards d'una fila tenen EXACTAMENT la mateixa
 * alçada (la de la card més alta). A la migració això depèn del "stretch" natiu
 * de flexbox del contenidor Elementor (.e-con): si el contenidor estira els seus
 * fills (align-items:stretch) i cada card és una columna flex que ompl el 100%,
 * totes les cards d'una fila queden igualades sigui quin sigui el contingut.
 *
 * Aquest full CARREGA L'ÚLTIM (després de fix-a..f), així que reafirma el patró
 * i el fa robust davant de:
 *   - Diferències de longitud de text entre idiomes (WPML es/fr/it/de), on una
 *     card pot tenir una línia més i trencaria la igualtat si el stretch no hi és.
 *   - Regressions futures d'algun mapper o d'un altre fix-*.css.
 *
 * Verificat (Playwright, prod vs local): amb aquestes regles totes les files de
 * cards queden a la mateixa alçada i injectant text extra a una card la resta de
 * la fila creix amb ella (stretch actiu), igual que a wideum.com.
 *
 * NOTA: .product-cards i .video-cards els gestionen altres fulls (fix-d/fix-f) i
 * ja queden igualats; aquí NO els toquem per no interferir-hi.
 */

/* ------------------------------------------------------------------ *
 * 1) CONTENIDOR de la fila: estira els fills a la mateixa alçada.
 *    El grid seu sobre un .e-con; en contenidors "boxed" el context flex
 *    real és el fill directe .e-con-inner, i en "full width" és el propi
 *    .e-con. Cobrim tots dos casos.
 * ------------------------------------------------------------------ */
.w-cards-grid,
.w-cards-grid > .e-con-inner,
.w-large-cards-grid,
.w-large-cards-grid > .e-con-inner,
.w-benefits-grid,
.w-benefits-grid > .e-con-inner,
.w-why-grid,
.w-why-grid > .e-con-inner,
.w-team-grid,
.w-team-grid > .e-con-inner,
.w-progressive-grid,
.w-progressive-grid > .e-con-inner {
	--align-items: stretch; /* variable d'Elementor (guanya per càrrega) */
	align-items: stretch;
	flex-wrap: wrap;
}

/* ------------------------------------------------------------------ *
 * 2) CADA card (fill flex): ompl l'alçada de la fila i distribueix el
 *    seu contingut en columna, de manera que la caixa (vora + ombra)
 *    quedi idèntica a tota la fila encara que el text variï.
 * ------------------------------------------------------------------ */
.e-con.w-card,
.e-con.w-large-card,
.e-con.w-benefit-card,
.e-con.w-why-card,
.e-con.w-team-card,
.e-con.w-progressive-card {
	align-self: stretch;      /* estira encara que el contenidor variï */
	height: 100%;             /* ompl la fila (context flex definit) */
	display: flex;
	flex-direction: column;
}