/* BDI Imobile Search - dual-mode form on /imobile/. */

.bdi-imobile-search {
	position: relative;
}

/*
 * Hide expanded fields when collapsed. Estatik renders each field as
 * <div class="es-search__field es-search__field--<name>">, but the field
 * names live in PHP, so search.js tags them with .bdi-search-expanded-field
 * on DOM ready and we hide that single class.
 */
.bdi-imobile-search.is-collapsed .bdi-search-expanded-field {
	display: none !important;
}

/*
 * Hide fields whose section's visibility rule excludes the currently
 * selected Tip imobil values. The class is toggled by search.js on every
 * change of the Tip imobil select. Independent from the .is-collapsed
 * mechanism above - the two intentionally OR together (either reason
 * is enough to keep a field hidden).
 */
.bdi-imobile-search .bdi-section-hidden {
	display: none !important;
}

.bdi-search-toggle-wrap {
	text-align: center;
	margin-top: 0.6em;
}

.bdi-search-toggle {
	background: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #CAA969; /* matches the homepage button gold */
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 0.45em 1.2em;
	text-transform: uppercase;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.bdi-search-toggle:hover,
.bdi-search-toggle:focus {
	background-color: rgba(202, 169, 105, 0.08);
	border-color: #CAA969;
	outline: none;
}

.bdi-imobile-search.is-collapsed .bdi-search-toggle__less { display: none; }
.bdi-imobile-search:not(.is-collapsed) .bdi-search-toggle__more { display: none; }