/*
Theme Name: annonces classees
Description: Child theme for Avada theme 
Author: Florian Verrine
Author URI: https://digitalcorner.me
Template: Avada
Version: 1.0.0
Text Domain:  Avada 
*/
/*****************/
/* Force le ratio 4/3 pour le carrousel - Version Avada compatible */
.fusion-image-carousel .fusion-image-wrapper {
    aspect-ratio: 4/3; /* Méthode moderne */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fusion-image-carousel .fusion-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crop intelligent centré */
    object-position: center;
}

/* Fallback pour navigateurs anciens */
@supports not (aspect-ratio: 4/3) {
    .fusion-image-carousel .fusion-image-wrapper {
        position: relative;
        padding-bottom: 75%; /* 3/4 = 75% */
        height: 0;
    }
    
    .fusion-image-carousel .fusion-image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
    }
}
/************Bloc pub*******/
.blocpub300 {
	width:300px!important;
	height:250px!important;
background-color:#fff;
}
.pubdep,.pubdep p,.pubca p{
	background-color:rgb(165, 191, 70);
	color:#fff!important;
	border-radius:6px;
	font-weight:500;
	padding:3px 12px!important;
	margin:0!important;
}

.formatpub  #main .fullwidth-box .fusion-row {
width:100%!important;
    max-width: 100%!important;
}
.formatpub  #main .fusion-column-wrapper {
margin:0!important;
}
.formatpub #main,.formatpub #wrapper{
background-color:transparent!important;
}
.blocpub300:hover{ 
	cursor: pointer;
}
.blocinline {
	display:inline
}
.fusion-post-cards .fusion-load-more-button {
	    background-color: #337c9c!important;
	border-radius: 4px;
	color: #fff!important;
}
.searchandfilter li[data-sf-field-input-type="checkbox"] ul {
    max-height: 180px;
    overflow: auto;
}
.fusion-breadcrumbs i {
	font-weight:600!important;
	font-size:8px!important;
	margin-left:10px;
	margin-right:10px;
}
.fusion-image-carousel {
    margin-bottom: 0px!important;
}  
.fusion-carousel .fusion-carousel-wrapper {
  
    padding: 0!important;
}
.gform_required_legend,.hide {
	display:none;
}
.bloccache,.bloccache2{ 
	display:none;
}
.btcatarticle {
    margin-top: -10px;
    z-index: 999;
}
.btcatarticle a {
    background-color: #000;
    color: #fff!important;
    border-radius: 50px;
    padding: 10px 20px;
}
.blocdep .dep {
	background-color:#dfe5eb;
	color:#000;  
	padding:5px 15px; 
	 border-radius: 4px;
}
.bloctextannonce p {
	margin-bottom:5px!important;
}
.photoavatar img {
    object-fit: cover;
    object-position: 50% 50%;
    width:100px; 
	height: 100px!important;
}
.relatedimg img {	
    object-fit: cover;
    object-position: 50% 50%;
	height: 180px!important;
}  
.imagefeature img {
	object-fit: cover;
    object-position: 50% 50%;   
	height: 250px!important;
} 
.bloctel {
	background-color:#d7ecf6;
	padding: 20px 25px; 
    border-radius: 8px;
    border: 2px dashed #51a0c2;
	margin-bottom:20px;
} 
.blocemail { 
background: #fff9e8;
    padding: 20px 20px;
	margin-bottom:20px;
    width: 100%;
    border-radius: 8px;
    border: 2px dashed #ffc220;
}
.gform_wrapper {
    margin-bottom: 0!important;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 200px!important;
}
/********SEARCH FORM*******/
.chosen-container-multi .chosen-choices li.search-choice {
	background-color:#e5e5e6!important;
	background-image:none!important;
	/*color:#fff!important; */ 
	border:0!important;
} 
@media only screen and (min-width: 600px) {

	/* make horizontal */
	.searchandfilter > ul > li {
		display: inline-block;
		vertical-align: top;
		padding: 0 10px; 		
	}
	.sf-field-post-meta-localisation {
		width:35%;
	} 
	.sf-field-post-meta-_chiffre_daffaires{
		
	} 

	.sf-field-search,.sf-field-taxonomy-categorie_annonces,.sf-field-post-meta-departement,.sf-field-submit{
		width:25%;
	}
}
.sf-field-submit {
	    vertical-align: bottom!important;
}
.searchandfilter ul {
    margin-left: 0!important;
    padding-left: 0!important;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	height: var(--form_input_height)!important;   
	    padding: 0px 15px!important;
}
.searchandfilter label,.searchandfilter li select {
	width:100%;
}
.searchandfilter li .chosen-container-multi .chosen-choices,.searchandfilter li  .chosen-container-single .chosen-single {
	background-color: var(--form_bg_color);
    font-size: var(--form_text_size);
    color: var(--form_text_color);
	height: var(--form_input_height);   
	border: 1px solid #d2d2d2;   
	line-height:var(--form_input_height)!important; 
	border-radius:6px;
	box-shadow:none!important;
	background:#fff!important;
	width:100%;
	    background-image:none!important;
}
.searchandfilter .chosen-container {
    width: 100%!important;
}
.chosen-container-single .chosen-single div {
    top: 12px!important;
}
.sf-field-submit input[type=submit]:hover {
	cursor: pointer;  
	transition: 0.3s;
	border:1px solid #000!important;
	background-color: #000!important;
}  
.sf-field-submit input[type=submit] {
	transition: 0.5s;
	border:1px solid #337c9c!important;
    background-color: #337c9c!important;
    color: #fff;
    border-radius: 4px;
    padding-top: var(--button_padding-top,13px);
    padding-right: var(--button_padding-right,29px);
    padding-bottom: var(--button_padding-bottom,13px);
    padding-left: var(--button_padding-left,29px);
    line-height: var(--button_line_height, 1);
    font-size: var(--button_font_size, 14px);
    width: 100%;
    text-transform: uppercase;
    font-family: 'Oswald';
}

/*********************RESPONSIVE***************/
@media screen and (min-width: 641px) {
	.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: inherit!important;
}
}
@media screen and (max-width: 640px) {
	.single-annonces .fusion-sharing-box {
		padding-bottom:2px!important; 
		padding-top:5px!important;
	} 
	footer ul li {
		margin-left:0!important;
		margin-right:0!important;
	}
	.searchandfilter ul li {   
    padding: 5px 0!important;
	}
	.noborder .fusion-column-wrapper {
		border:0!important;
	}
	.single-annonces .fusion-sharing-box .sharingbox-shortcode-icon-wrapper {
    justify-content: center!important; 
}
}
