/**
 * Keep the Location / Services field icons visible.
 *
 * The icons are `::before` pseudo-elements on the field group (defined in the Customizer's
 * Additional CSS). The Elementor "Custom Dropdown Fix" snippet paints the native <select>
 * with an opaque background — `.get-form select { background-color: #477AD7 !important }` —
 * and the select's wrapper is `position: relative`, so with both at `z-index: auto` the
 * wrapper paints after the pseudo-element and hides the icon.
 *
 * On most pages this never showed, because Bootstrap-Select hides the native <select> and
 * puts a transparent button in its place. The front page deliberately skips
 * hope_unified_select_assets() (it loads its own Bootstrap-Select for the "Get Instant
 * Quote" widget), so its selects stay native and the icons disappeared behind them.
 *
 * Lifting the icon out of auto z-index fixes it everywhere; pointer-events keeps the
 * select clickable through it.
 */
.get-form form .elementor-field-type-select::before {
	z-index: 1;
	pointer-events: none;
}

/**
 * Let the landing pages' message box keep its height.
 *
 * assets/frozen/inline-freeze.css — a snapshot of Elementor's inline critical CSS taken from
 * one page — carries `.get-form form input, .get-form form select, .get-form form textarea
 * { height: 60px !important }`, and we load it on every converted page. The Google-Ads
 * landing pages never had that rule: their textareas size from `rows` (3 on the top form,
 * 2 on the lower form and popup 12087), giving ~101px, not 60px.
 *
 * Inputs and selects genuinely are 60px on both sides, so only the textarea is released.
 * Scoped to the canvas body class, which only the landing pages carry.
 */
.elementor-template-canvas .get-form form textarea {
	height: auto !important;
}

/**
 * Same fix for the "Get a Quote" popups. Their message box is `rows="1"`, so it sizes to a
 * single line (~41px) on live — the frozen `height: 60px !important` inflates it to 60px and,
 * on a short viewport, that extra height is enough to push the modal into a scrollbar.
 */
.elementor-popup-modal .get-form form textarea {
	height: auto !important;
}
