/*
 * Property detail pages (the MLS listing page and the /property/ template): the
 * order of the main column once the page stacks. Both page types use the same
 * markup for it, so this one stylesheet drives both.
 *
 * Two columns (993px and up): nothing here applies except hiding the price card's
 * second copy. The main column's four blocks (head, stacked copy of the price card,
 * body, Neighborhood map) are plain blocks in that order, so the page renders as it
 * always has, and the price card sits at the top of the sticky rail.
 *
 * Stacked (992px and below, the breakpoint where .pardee-detailbody turns into one
 * column): the Neighborhood map and the price card come straight after the main
 * specs, before the open house line and the description. The community band
 * ("Explore <area>") stays at the end of the body. The rail's own copy of the card
 * is hidden, so only one copy is ever displayed; the rail itself (Listed By agents,
 * the member prompt) stays below the main column, and is hidden entirely when it
 * held nothing but the card.
 *
 * The map moves visually only (flex order): it is one Mapbox map, so it is not
 * rendered twice. The price card is in its place in the reading order.
 *
 * Spacing: inside the flex column each block keeps its children's margins, so the
 * map's eyebrow drops to 18px (the stat row's 22px bottom margin + 18 = the 40px
 * section gap), the card sits 32px under the map (the gap it had under the map
 * before) and 4px above the body (+ the open house line's 18px = the 22px the stats
 * had above it).
 *
 * The /property/ template also prints the MLS disclaimer as the last block of the
 * main column, after the map. Stacked, it follows the body directly, where the
 * community band's bottom margin (--pardee-grid-gap) no longer collapses into the
 * disclaimer's 40px section gap; the disclaimer takes the difference so the gap
 * stays 40px. The MLS page has no disclaimer at that level.
 */

.pardee-detailmain__cta { display: none; }

@media (max-width: 992px) {
	.pardee-detailmain { display: flex; flex-direction: column; min-width: 0; }
	.pardee-detailmain__head { order: -2; }
	.pardee-detailmain__map { order: -1; }
	.pardee-detailmain__map > .section-gap:first-child { margin-top: 18px; }
	.pardee-detailmain__cta { display: block; margin: 32px 0 4px; }
	.pardee-detailrail > .pardee-ctarail { display: none; }
	.pardee-detailrail.pardee-detailrail--cta-only { display: none; }
	.pardee-detailmain > .pardee-detailmain__body:has(> .pardee-communityband:last-child) ~ .pardee-fine {
		margin-top: max(0px, calc(40px - var(--pardee-grid-gap, 0px)));
	}
}