/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

.back-to-top-wrap .btn.btn-primary.houzez-hidden.btn-back-to-top {
    background-color: #172740;
    color: white;
    border: none;
}

.back-to-top-wrap .btn.btn-primary.houzez-hidden.btn-back-to-top:hover {
    background-color: #3a5170;
}

/* =========================================================================
   Recherche mobile : modale plein écran de Houzez (#overlay-search-advanced-module)
   - Hauteur réduite (~80 %) ancrée en bas, en « bottom sheet » à coins arrondis.
   - Boutons aux couleurs de la charte (crème -> navy au survol), comme la
     recherche half-map.
   La modale apparaît hors page half-map (accueil, bannière…), donc ces règles
   vivent dans style.css (chargé sur tout le site via houzez-style).
   ========================================================================= */

/* Hauteur : 420px du bas. !important car le JS du thème impose height:100vh
   en style inline (custom.js setOverlayHeight). */
@media (max-width: 991.98px) {
	#overlay-search-advanced-module.overlay-search-advanced-module {
		height: 450px !important;
		max-height: 450px !important;
		top: auto !important;
		bottom: 0 !important;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, .18);
	}
}

/* Bouton « Rechercher » (et « Enregistrer la recherche ») : crème -> navy. */
#overlay-search-advanced-module .btn-search,
#overlay-search-advanced-module .save_search_click {
	background-color: #f6eedb !important;
	color: #172740 !important;
	border: 1px solid #f6eedb !important;
}

#overlay-search-advanced-module .btn-search:hover,
#overlay-search-advanced-module .btn-search:active,
#overlay-search-advanced-module .save_search_click:hover,
#overlay-search-advanced-module .save_search_click:active {
	background-color: #172740 !important;
	color: #f6eedb !important;
	border-color: #172740 !important;
}

/* Bouton « Réinitialiser » : contour navy. */
#overlay-search-advanced-module .reset-search-btn {
	background-color: transparent !important;
	color: #172740 !important;
	border: 1px solid #172740 !important;
}

#overlay-search-advanced-module .reset-search-btn:hover {
	background-color: #172740 !important;
	color: #f6eedb !important;
	border-color: #172740 !important;
}

/* Suffixe d'unité (m² / €) affiché À L'INTÉRIEUR du champ, comme sur desktop.
   Les règles .mk-suffix du thème ne ciblent que la recherche half-map desktop ;
   on les reproduit ici pour la modale mobile. */
#overlay-search-advanced-module .mk-field-suffix {
	position: relative;
}

#overlay-search-advanced-module .mk-field-suffix .form-control {
	padding-right: 42px !important;
}

#overlay-search-advanced-module .mk-field-suffix .mk-suffix {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	color: #7a7f87;
	pointer-events: none;
}

/* Your CSS code goes here
-------------------------------------- */