/**** PAGE ACCUEIL BASE *******/

/*
.container{
  margin-top: 3.5rem;
}
*/

.page-template-page-accueil .presentation	.txtPhotoDavid{
    top: 0.5rem;
}

.opinionSystem{
  position: absolute;
  z-index: -1;
  top: 9rem;
  left: 50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid #fac12e;
  width: 300px;
  border-radius: 15px;
  padding: 16px 0 2px 16px;
  text-align: center;
  transform: translateX(-150px);
}
.opinionSystem img{
  position: relative;
  top: -0.5rem;
  padding-right: 16px;
}
.opinionSystem iframe{
  float: right;
  width: 150px;
  min-width: 170px !important;
}

.doubleLigne{
  display: inline-flex;
  align-items: baseline;
}
.doubleLigne label{
  margin-left: 4px;
}
.typeBiens{
  padding: 0;
}

.page-template-page-biens-immobiliers .typeBiens span, .single-biens-immobiliers .typeBiens span{
  display: block;
}

/* img.exclu {
  left: 15px;
} */

#recherchGeneral .range input, #valMax, #valSurfaceMini, #valTerrainMini{
  display: inline-block;
  width: max-content;
}

#recherchGeneral label{
  width: max-content;
}
#recherchGeneral .rowRange{
  gap: 2rem 0;
}



@media only screen and (max-width:768px){
  .opinionSystem iframe{
    float: none;
    display: inline-block;
  }
}

#recherchGeneral .range{
  overflow: hidden;
}






/***** FORMULAIRE DE RECHERCHE ******/
#recherchGeneral #valMax{
  text-align: right !important;
}

#cookie_action_close_header_reject{
  text-decoration: none;
  font-size: .8rem;
  text-transform: lowercase;
  margin-left: 2rem;
}
.cli_settings_button{
  font-size: .9rem;
}

.single-bien_immo .container .prix{
  display: inline-block;
  padding: 7px;
  background-color: #fac12e;
  color: #1f2e54;
}

.single-bien_immo .cycle-slideshow img:last-child{
	transform: rotate(0deg);
	visibility:initial;
}

.single-bien_immo .cycle-slideshow img { 
  width: 100%;
  height: auto; 
  max-width:max-content;
  box-shadow: none;
}

.container.cadreGenRech {
  background-color: rgba(255, 255, 255, 0.88);
}

.sous-header{
  background-color: #1f2e54;
  padding: 1.3rem;
}
.sous-header .types{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.sous-header .types a{
  color: rgb(31 46 84);
  padding: .5rem .8rem;
  background-color: #fac12e;
  border-radius: .5rem;
}








/***** SWIPERJS ****/
.swiper {
  /* au rapport 1920 * 1080 /*/
  max-width: 820px;
  max-height: 461px;
  margin: 3rem 0;
  border-radius: 1.5rem;
  margin: 2rem auto;
  margin-top: 0;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 1rem;
  height: 1rem;
  margin: 0 0.18rem;
  border: 1px solid white;
  color: transparent;
  background-color: transparent;
  opacity: 0.88;
}
.swiper-pagination-bullet-active{
  background-color: white !important;
}

.page-template-page-biens-immobiliers .swiper{
  border-radius: 1rem;
}




/***** PAGE DE LA RUBRIQUE "NOS BIENS" ****/
.page-template-page-biens-immobiliers #recherchGeneral{
  margin-top: 2rem;
}


/***** PAGE DE FORMULAIRE "ESTIMATION - VENDRE MON BIEN" ****/
.label-right .field-wrap {
  flex-direction: column;
}
.checkbox-container{
  text-align: justify;
}
.checkbox-container .nf-field-label{
  padding-left: 1.7rem;
}
.checkbox-container .nf-field-description{
  margin-top: .5rem;
}
.checkbox-container #nf-field-17, .checkbox-container #nf-field-18{ 
  position: absolute;
}




/***** CORRECTION AFFICHAGE SMARTPHONE pour compléter le _base.scss ****/


button.navbar-toggler{
  border-radius: inherit;
}

/* .header a.contactel{
  max-width: 100vw;
} */

.page-template-page-accueil section {
  margin-bottom: 0rem !important;
}

.presentation{
  border-radius: 0.4rem;
}
.presentation img{
  /*max-width: fill-available;*/
  max-width: 90vw;
}

.page-template-page-accueil h2.coupCoeur {
  margin-top: 2rem;
}
.page-template-page-accueil .extraSlider {
  margin-bottom: 1rem;
  border-radius: 1rem;
}
.blocAnnonce .nopadding a{
  /* float: left; */
  font-size: .7rem;
}

.header .contactel {
  bottom: 3.5rem;
}


.page-template-page-nos-biens .blocAnnonce{
  margin: 1rem auto;
  max-width: 97vw;
}

.page-template-page-nos-biens .blocAnnonce .row{
  padding: 0 15px;
}

.page-template-page-nos-biens .blocAnnonce .bloc-vign-bien{
  display: block;
  min-height: 280px;
  height: 280px;
  overflow: hidden;
  position: relative;
  border-radius: 11px;
  padding: 0;
}
/* .page-template-page-nos-biens .blocAnnonce .bloc-vign-bien .attachment-vign-bien-400{
  height: auto;
  width: max-content;
  position: absolute;
    left: 50%;
    transform: translateX(-300px); 
} */
.page-template-page-nos-biens .blocAnnonce li {
  max-width: 400px;
}

/* .page-template-page-biens-immobiliers .blocAnnonce .attachment-vign-bien-400{
  width: fill-available;
  width: -webkit-fill-available;
} */

.page-template-page-nos-biens .blocAnnonce li .prix {
  padding: 8px 0;
}

/* .page-template-page-nos-biens .mySwiper{
  display: inline;
} */
/* .page-template-page-nos-biens .mySwiper .swiper-wrapper{
  width: fit-content;
} */

.swiper-button-prev{
  color: orange;
}
.swiper-button-prev:after{
  font-size: 25px;
}
.swiper-button-next{
  color: orange;
}
.swiper-button-next:after{
  font-size: 25px;
}

.swiper-slide-active{
  width: 366px;
  height: 280px;
  background-color: rgba(256, 256, 256);
}
.swiper-slide-active img{
  width: -webkit-fill-available;
  width: fill-available;
  height: -webkit-fill-available;
  height: fill-available;
  max-width: fit-content;
}
.swiper .swiper-wrapper{
  height: 280px;
  text-align: center;
}

.single-biens-immobiliers .swiper .swiper-wrapper{
  height: 615px;
}
.single-biens-immobiliers .swiper-slide-active{
  width: 820px;
  height: auto;
}

.footer{
  /* max-width: 100vw; */
  z-index: 1;
}
.footer div#inner-footer{
  padding:0;
  background-color: #182643;
  border-radius: inherit !important;
}
.copyright, .copyright button{
  font-size: 0.72rem;
  max-width: max-content;
  margin: 0 auto;
}

.modal-content{
  font-size: 0.85rem;
}

.page-template-page-formulaire #container .col-12 img{
  max-width: 90vw;
}



@media only screen and (min-width: 768px){

  .container{
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
    max-width: 1350px;
  }

  .single-biens-immobiliers .container{
    max-width: auto;
  }
  .single-biens-immobiliers .container h1{
    margin-bottom: 1.5rem;  
  }
  .single-biens-immobiliers #fonds-de-commerce + label{
    letter-spacing: -1px;
  }
  .single-bien_immo .cadreGenRech .row .col{
    margin:2rem;
  }

  .presentation {
    margin-left: 2rem;
  }

  .opinionSystem{
    top: 12rem;
    transform: translateX(4rem);
  }

}


@media only screen and (min-width: 950px){
  .blocCoeur{
    margin-left: 2rem;
  }
}

@media only screen and (min-width: 1025px){

  .header {
    height: 6.6rem;
    max-height: 6.6rem;
  }

  /*.opinionSystem{
    margin-top: 80px;
    margin-right: -15px;
  }*/


}


@media only screen and (min-width: 1200px){
  .header {
      height: 6.6rem;
      max-height: 9.6rem;
  }
  .page-template-page-nos-biens .blocAnnonce{
    margin: 1rem;
  }
}

@media only screen and (min-width: 1440px){
  .page-template-page-accueil #inner-header{
    transform: translateY(-1rem);
  }
  .opinionSystem{
    top: 13rem;
    transform: translateX(4.8rem);
  }
  .presentation {
    margin-left: 3rem;
  }
}

@media only screen and (min-width: 1600px){
  .presentation {
    margin-left: 5.5rem;
  }
  .opinionSystem{
    transform: translateX(7rem);
  }
}

/* HERO SECTION ACCUEIL */
.hero-bg {
  background: url('../images/fd/agence-immobiliere-carcassonne-2.jpg') center center/cover no-repeat;
  min-height: 420px;
}
.hero-container {
  min-height: 420px;
}
.hero-title {
  color: #fff;
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
  font-weight: 700;
  text-shadow: 0 2px 8px #000;
}
.highlight-yellow {
  color: #fac12e;
}
.search-bar-home-custom {
  max-width: 900px;
  width: 100%;
  gap: 0.5rem;
}
.minw-140 { min-width: 140px; }
.minw-100 { min-width: 100px; }
.minw-120 { min-width: 120px; }
.search-btn {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  font-size: 1.3rem;
}

/* SLIDER */
.minh-220 { min-height: 220px; }
.minw-180 { min-width: 180px; }
.maxw-220 { max-width: 220px; }
.card-img-custom {
  border-radius: 8px 0 0 8px;
  height: 100%;
  object-fit: cover;
}
.exclu-badge {
  top: 10px;
  left: 10px;
  font-size: 1rem;
  padding: 0.5em 1em;
}
.prix-custom { font-size: 1.2rem; }
.card-title-custom { font-size: 1.1rem; }

/* NEWSLETTER */
.newsletter-custom {
  border-radius: 12px;
  min-height: 340px;
}

/* VALEURS */
.valeurs-bg {
  background: #22314a;
}

/* ENGAGEMENTS */
.img-40 { height: 40px; }

/* PORTRAIT AGENT */
.agent-img { max-width: 200px; }
.avis-img { height: 30px; }

/* ÉQUIPE */
.equipe-img { max-width: 100px; }