/* FRM DE RECHERCHE */
div#search_frm {
	position: relative;
	margin: -200px auto 0 auto;
	display: table;
	z-index: 3;
}
div#search_frm_mode {
	position:relative;
	display:flex;
	margin: 0 auto;
  max-width: 394px;
}
.search_frm_mode_item a {
	display: inline-flex;
	padding:15px 30px;
	font-size:1.1em;
	text-transform:uppercase;
	background:var(--cg_orange);
	color:#FFF !important; 
	font-weight:bold;
}
.search_frm_mode_item a:hover, .search_frm_mode_item_on a {background:#000;}
.search_frm_mode_location a {margin:0 2px;}
.search_frm_mode_vente a { border-top-left-radius:1.8em; border-bottom-left-radius:1.8em;}
.search_frm_mode_estimer a { border-top-right-radius:1.8em; border-bottom-right-radius:1.8em;}
.search_frm_mode_item a {color:inherit; text-decoration: none;}

div#search_frm_critere {
	position: relative;
	margin: 20px auto 0 auto;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 1.8em;
	background:#FFF;
	display:grid;
	grid-template-columns:repeat(30, 1fr);
	column-gap: clamp(5px, 1vw, 5px);
	row-gap: clamp(15px, 1vw, 15px);
	max-width:1200px;
	width:96%;
}
.search_frm_critere_item {
	grid-column: span 6;
	position: relative;
	min-width: 0;
}
.search_frm_critere_item select, .search_frm_critere_item input  { 
	width:100%;
	height: 40px;
  padding: 0 10px;
	
	transition: all 0.2s ease;
	border: 1px solid #ccc;
  border-radius: 6px;
	
}

/* Label */
.search_frm_critere_item label {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    padding: 0 5px;
    color: #777;
    font-size: 14px;
    pointer-events: none;
    transition: all 0.2s ease;
		z-index: 2;
}

/* Animation quand focus OU rempli */
.search_frm_critere_item.active label,
.search_frm_critere_item input:focus + label,
.search_frm_critere_item input:not(:placeholder-shown) + label,
.search_frm_critere_item select:focus + label,
.search_frm_critere_item select:valid + label { 
  top: -2px; 
  font-size: 0.9em; 
  color: var(--cg_orange); 
}
div#search_frm .submit {grid-column: span 4;}
div#search_frm .submit input {cursor:pointer; padding: 2px 0 0 0; border:0; background:var(--cg_orange); color:#FFF; font-weight:bold; font-size:0.8em; text-transform: uppercase;}
div#search_frm .submit input:hover { background:#000;}

.search_frm_critere_item_plus,
.search_frm_critere_item_moins {grid-column: span 2; text-align:center;}
.search_frm_critere_item_plus a,
.search_frm_critere_item_moins a {text-decoration:none; font-size: 2.4em; border-radius:6px; display: table;width: 100%; height: 100%;}
.search_frm_critere_item_plus a,
.search_frm_critere_item_moins a:hover {background:url(../img/public/search_plus.svg) center no-repeat;}
.search_frm_critere_item_plus a:hover,
.search_frm_critere_item_moins a {background:url(../img/public/search_plus_hover.svg) center no-repeat;}

/* SELECT : ville et type de bien */
.select2-container--default .select2-selection--multiple { border: 1px solid #ccc !important; border-radius: 6px !important; padding-bottom: 0 !important; overflow: hidden; display: flex; align-items: center; font-size: 0.9em;} 

.select2-container .select2-selection--multiple { padding-top: 8px !important; min-height: 40px !important; } 

/* Affiche une seule ligne */ 

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
    width: 100%;
    padding-right: 25px; /* espace pour la croix */
    padding-left: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-selection__rendered li:not(:first-child) { display: none; }

/* Cache les tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: none !important;
}
.select2-search.select2-search--inline {display:none !important;}
.select2-container--default .select2-results__option--selected {position:relative; padding-left:20px !important; background-color:var(--cg_orange) !important; color:#FFF  !important;}
.select2-results__option--selectable:hover,
.select2-container--default .select2-results__option--selected:hover {background-color:#000 !important;}
.select2-container--default .select2-results__option--selected::after { 
  content: "✓";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-55%);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.select2-dropdown {position:relative !important; min-width:300px !important;border:1px solid var(--cg_orange) !important; border-radius:8px !important; overflow:hidden;}
/* quand la liste déroulante s'affiche au dessus */
.select2-container--open .select2-dropdown--above {bottom: 20px !important;border-bottom:1px solid var(--cg_orange) !important;border-bottom-left-radius: 8px !important;border-bottom-right-radius: 8px !important;}
/* quand la liste déroulante s'affiche au dessous */
.select2-container--open .select2-dropdown--below {top:5px !important;border-top:1px solid var(--cg_orange) !important;border-top-left-radius: 8px !important;border-top-right-radius: 8px !important;}


div#search_frm_responsive {display:none;margin:0 auto;}
p.search_frm_responsive_btn {display:table; margin:25px auto;}
p.search_frm_responsive_btn a {display:table; background:var(--cg_orange); padding:10px 20px; color:#FFF; text-decoration:none; border-radius:1.8em; font-weight:bold;}
.search_nb_parameter {border-radius:1.8em; color:var(--cg_orange); background:#FFF; font-size:0.9em; padding:5px 10px; margin:0 10px 0 0;}
p.search_frm_responsive_btn a:hover {background:var(--cg_orange);}
p.search_frm_responsive_btn a:hover .search_nb_parameter {color:var(--cg_orange);}

@media screen and (max-width : 800px) {	

	div#search_frm {display:none;}
	div#search_frm_responsive {display:table;}

	.search_frm_critere_item {grid-column: span 10;}
	div#search_frm .submit { grid-column: span 16;}
	.search_frm_critere_item_plus, .search_frm_critere_item_moins {grid-column: span 4;}

}
@media screen and (max-width : 500px) {	
	.search_frm_critere_item {grid-column: span 15;}
	div#search_frm .submit { grid-column: span 25;}
	.search_frm_critere_item_plus, .search_frm_critere_item_moins {grid-column: span 5;}
	.select2-dropdown {min-width:auto !important;}
	.select2-dropdown:has(#select2-search_ville-results) { min-width: 290px !important;}
}
@media screen and (max-width : 350px) {	
	.search_frm_critere_item {grid-column: span 30;}
	div#search_frm .submit { grid-column: span 25;}
	.search_frm_critere_item_plus, .search_frm_critere_item_moins {grid-column: span 5;}	
	.select2-dropdown:has(#select2-search_ville-results) { min-width: auto !important;}

}