/**
 * Equal-height package cards on the choose-package step (MyListing Tweaks & Fixes).
 *
 * Theme rows already flex (.row-eq-height), but .pricing-item { height: auto } keeps
 * white panels content-sized. Stretch columns + cards so uneven feature lists (or
 * owned-package UI) still share a row height, with Buy/Select pinned to the bottom.
 * Scoped to desktop — stacked cards on mobile do not need matching heights.
 *
 * When Pricing Table Switcher is active, skip the pre-split row so its display:none
 * is not overridden before JS moves cards into .mlpro-pts-tier-* rows.
 *
 * @package MyListingPro
 */

@media (min-width: 992px) {
	body.mlpro-equal-package-heights:not(.mlpro-pts-pricing-switcher) .job_listing_packages > .row.row-eq-height,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-primary,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-secondary {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

	/* Bootstrap 3 clearfix pseudos become flex items and can break equal-height rows. */
	body.mlpro-equal-package-heights:not(.mlpro-pts-pricing-switcher) .job_listing_packages > .row.row-eq-height::before,
	body.mlpro-equal-package-heights:not(.mlpro-pts-pricing-switcher) .job_listing_packages > .row.row-eq-height::after,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-primary::before,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-primary::after,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-secondary::before,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-secondary::after {
		content: none;
		display: none;
	}

	body.mlpro-equal-package-heights:not(.mlpro-pts-pricing-switcher) .job_listing_packages > .row.row-eq-height > div,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-primary > div,
	body.mlpro-equal-package-heights .job_listing_packages > .row.section-body.mlpro-pts-tier-secondary > div {
		display: flex;
		flex-direction: column;
	}

	body.mlpro-equal-package-heights .job_listing_packages .pricing-item {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		width: 100%;
		height: auto;
	}

	body.mlpro-equal-package-heights .job_listing_packages .plan-features {
		flex: 1 1 auto;
	}

	body.mlpro-equal-package-heights .job_listing_packages .select-package {
		margin-top: auto;
	}
}