@font-face {
  font-family: "AlbertSans";
  src: url("fonts/AlbertSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "AppleGaramond";
  src: url("fonts/AppleGaramond.ttf") format("truetype");
}

body {
  background-color: #F3EDE5;
}

body p, a,span {
  font-family: "AlbertSans", sans-serif!important;
}

h1,h2,h3,h4,h5,h6 { 
    font-family: "AppleGaramond"!important;
  	color:#293e29!important;

}



/* MENU */

header, .navbar{
    background-color: #F3EDE5;
}

div#navbarNav {
  background-color: #F3EDE5;
}

header .container {
    padding: 0;
}

header .navbar .navbar-nav li a.nav-link {
    font-weight: 200;
    font-size: 1.2rem;
    color: #293e29!important;
}


.navbar-brand img { width: 110px;}

/* On prépare le lien pour accueillir le trait */
.navbar-nav .nav-link {
    position: relative;
    text-decoration: none;
    padding-bottom: 5px; /* Espace entre le texte et le futur trait */
}

/* Création du trait avec un pseudo-élément */
.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; 
    height: 1px;
    background-color: #293E29  ;
    transition: width 0.3s ease-in-out; 
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}

header .navbar .navbar-nav li:hover {
  background-color:transparent;
	color:black;!important}

header .navbar .navbar-nav li:hover a.nav-link {
  color: black;
}

header .navbar .navbar-nav li {
    padding: 0.2em;

}

a.btn.btn-profile {
    background-color: #8C9A76;
    color: white;
    border-radius: 4px;
}

a.btn.btn-profile:hover {
      background-color: #293E29;


}

/* On cible spécifiquement la zone où le menu pose problème */
@media (min-width: 769px) and (max-width: 991px) {
    /* 1. On cache le menu horizontal */
    .navbar-collapse.collapse {
        display: none !important;
    }

    /* 2. On affiche le bouton burger (toggler) */
    .navbar-toggler {
        display: block !important;
    }

    /* 3. On force le menu à s'empiler verticalement s'il est ouvert */
    .navbar-collapse.collapse.show {
        display: block !important;
        width: 100%;
    }
  
      header .row.align-items-center {
        flex-direction: column!important;
    }
      header .d-flex.flex-nowrap {
    justify-content: space-between;
	width: 100%;}
  
    a.btn.btn-profile {
    margin-bottom: 1em;
}



}

/* HERO BANNER */

#ban-home .img img {
    position: absolute;
    object-position: center center;
}


@media (min-width: 768px) and (max-width: 1600px) {
    header .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
  
    #ban-home .img {
        min-height: 620px;
    }
}

/* 1. Conteneur principal : on enlève les espaces vides entre les colonnes */
.search-bar {
    display: flex !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}



.search-bar li.col-3, 
.search-bar li.col-4 {
    flex: none !important;
    width: 20em;
  	padding: 0 !important;  

}



#ban-home .search-bar, .banner .search-bar {
    bottom: 4em!important;

}

.search-bar li:hover > button, .search-bar li:hover .custom-select {
  background-color: #293e29!important;
  color: white;
}



.search-bar li {
    background-color: rgba(140, 154, 119, 1);
    padding: 0;
}

.search-bar span {
  font-size:0.8Em;
  align-items:center;

}

.search-bar .btn { 
  
 display:flex!important;
  justify-content:space-around;
  align-items:center;
}

.search-bar li:last-child .btn {
    justify-content:center;


}

@media screen and (max-width: 991px){
  
  ul.search-bar {
    flex-direction: column;
}
  
  .search-bar li.col-3, .search-bar li.col-4 {
    min-width:100%

}
  
button.btn.dropdown-toggle.btn-block {
    justify-content: space-between;
}


}

@media screen and (max-width: 768px){
  
   header .row.align-items-center {
  flex-direction:column;}
  
    header .d-flex.flex-nowrap {
    justify-content: space-between;
    width: 100%;
 
}
  
  a.btn.btn-profile {
    margin-bottom: 1em;
}

  
  #ban-home .container, header .container {
  width:80%!important;}
  
 
}


/* On cible le point de rupture où ta barre de recherche bascule */
@media (max-width: 991px) {
    .search-bar li:after {
        content: none !important; /* Supprime le trait blanc */
        display: none !important;
    }
    
    /* On s'assure que le li n'a plus de position relative qui pourrait gêner */
    .search-bar li {
        position: static !important; 
    }
}


/* IMMOBILIER SLIDE / flux DE BIENS */



#immobilier-slide .item .desc .titre {
    font-size: 1.2rem;
}

#immobilier-slide img {border-radius: 4px;}


#immobilier-slide .item .image .hover {
  border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);}


#immobilier-slide .item .lire {display:none;}

/* IMMOBILIER SLIDE / flux DE BIENS */


.agence_bloc .text {
  border-radius: 4Px;}


.agence_bloc img {
    filter: none;
    object-position: bottom center;
}

/* FOOTER */



.adresse.col-lg-10 {
    color: white;
}