/* ==========================================================
   NAPONTA JOBBAN
   Routines 2 Column – V6 Stable Height
   ========================================================== */

@media (min-width: 1025px) {

	.nj-routines.nj-routines--2col {
		--nj-layout-ease: cubic-bezier(.22, 1, .36, 1);
	}


	/* ======================================================
	   A két oszlop közös külső stage-e
	   ====================================================== */

	.nj-routines.nj-routines--2col
	.nj-routines-list > .kt-row-column-wrap {
		align-items: stretch !important;

		/*
		 * Ezt JS px értékkel felülírja.
		 */
		height: auto;

		transition:
			height 420ms var(--nj-layout-ease),
			grid-template-columns 560ms var(--nj-layout-ease)
			!important;

		/*
		 * Ha az új aktív item néhány px-szel magasabb,
		 * nyitás közben se vágjuk le.
		 */
		overflow: visible;
	}


	/* ======================================================
	   Columns
	   ====================================================== */

	.nj-routines.nj-routines--2col
	.nj-routines-column {
		align-self: stretch !important;

		min-height: 0 !important;

		opacity: 1 !important;
	}


	/*
	 * FONTOS:
	 * nincs space-between.
	 *
	 * A másik oszlop itemjei a saját helyükön maradnak.
	 */
	.nj-routines.nj-routines--2col
	.nj-routines-column > .kt-inside-inner-col {
		display: flex !important;
		flex-direction: column !important;

		justify-content: flex-start !important;

		gap: 7px !important;

		height: auto !important;
		min-height: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* ======================================================
	   Itemek továbbra is természetesen nyílnak
	   ====================================================== */

	.nj-routines.nj-routines--2col
	.nj-routine-item {
		height: auto !important;
		max-height: none !important;

		min-height: 49px !important;
	}


	.nj-routines.nj-routines--2col
	.nj-routine-item.is-active {
		height: auto !important;
		max-height: none !important;

		min-height: 82px !important;
	}


	.nj-routines.nj-routines--2col
	.nj-routine-item > .kt-row-column-wrap {
		height: auto !important;
	}


	/* ======================================================
	   Description – teljes reveal marad
	   ====================================================== */

	.nj-routines.nj-routines--2col
	.nj-routine-copy p:not(.nj-routine-data) {
		position: static !important;

		overflow: hidden;

		max-height: 0;

		margin-top: 0 !important;

		opacity: 0;

		clip-path: inset(0 0 100% 0);

		transform:
			translateX(0)
			translateY(7px);

		transition:
			max-height 480ms var(--nj-layout-ease),
			margin-top 480ms var(--nj-layout-ease),
			opacity 190ms ease,
			transform 440ms var(--nj-layout-ease),
			clip-path 440ms var(--nj-layout-ease)
			!important;
	}


	.nj-routines.nj-routines--2col
	.nj-routine-item.is-active
	.nj-routine-copy p:not(.nj-routine-data) {
		max-height: 80px;

		margin-top: 5px !important;

		opacity: 1;

		clip-path: inset(0);

		transform:
			translateX(3px)
			translateY(0);

		transition:
			max-height 480ms var(--nj-layout-ease),
			margin-top 480ms var(--nj-layout-ease),
			opacity 250ms ease 70ms,
			transform 440ms var(--nj-layout-ease),
			clip-path 440ms var(--nj-layout-ease)
			!important;
	}

}