/**
 * Plan Search Results React block styles.
 */

#dp-block--plan-search-results-react > * {
	max-width: 1200px;
}

#dp-block--plan-search-results-react {
	padding-top: var(--wp--preset--spacing--70);
}

#dp-block--plan-search-results-react .plan-search-results--search-location {
	margin-top: var(--wp--preset--spacing--40);
	margin-right: 0;
	margin-bottom: var(--wp--preset--spacing--70);
	font-size: var(--wp--preset--font-size--small);
}

#dp-block--plan-search-results-react #react-plan-search-results {
	position: relative;
}

/*
 * Filter and Sort drawer (React) must sit above the fixed compare tray, which uses a near-max z-index
 * so it stays above third-party chat widgets. Demote compare while the drawer is open; drawer modal is 1400.
 *
 * Sticky refine strip uses z-index 1010 (see PlanSearchRefineFilterStickyStrip). When the site mobile
 * menu is open, header/style.css raises the header template to 1020 so the menu drawer covers the strip.
 */
body.dp-plan-search-filter-drawer-open .plan-search-compare-selector {
	z-index: 1000;
}

body.dp-plan-search-filter-drawer-open #comparePlansModal {
	z-index: 1001;
}

body.dp-plan-search-filter-drawer-open .modal-backdrop.show {
	z-index: 999;
}

@media screen and (max-width: 768px) {
	#dp-block--plan-search-results-react {
		padding-bottom: var(--wp--preset--spacing--80);
	}
	#dp-block--plan-search-results-react h1 {
		font-size: 1.5rem !important;
		line-height: 1.3em !important;
	}
}