/**
 * Atreyaa · Igualar alto de tarjetas (mecanismo del toggle "Extras").
 * La fila con .atreyaa-cards-equal estira sus columnas hijas al mismo alto y
 * hace que la TARJETA interna (fondo/borde) llene esa altura aunque algunas
 * tengan menos texto. Funciona igual en el FRONT y en el EDITOR, cuyas
 * estructuras de DOM difieren:
 *   FRONT  → contenedor .kt-row-column-wrap · columna .wp-block-kadence-column · interior .kt-inside-inner-col
 *   EDITOR → contenedor .innerblocks-wrap(.block-editor-block-list__layout) · columna [data-type="kadence/column"] · interior .kadence-inner-column-inner
 * El CSS se inyecta DENTRO del iframe del lienzo vía block_editor_settings_all
 * (ver atreyaa-core.php): un estilo encolado normal no llega al iframe en WP 6.3+.
 */

/* 1 · El contenedor de columnas estira a sus hijas a la misma altura. */
.atreyaa-cards-equal .kt-row-column-wrap,
.atreyaa-cards-equal .innerblocks-wrap[class*="kb-grid-columns"] {
	align-items: stretch;
}

/* 2 · Cada columna se estira como ítem del grid/flex aunque tenga una
       alineación vertical propia (que rompería el estirado por defecto). */
.atreyaa-cards-equal .kt-row-column-wrap > .wp-block-kadence-column,
.atreyaa-cards-equal .block-editor-block-list__layout > [data-type="kadence/column"] {
	align-self: stretch;
}

/* 3 · El recuadro interno llena el alto de la columna (front + editor). */
.atreyaa-cards-equal .kt-inside-inner-col,
.atreyaa-cards-equal .kadence-inner-column-inner {
	height: 100%;
}
