/* Bouton publicité dans la navbar */
.bouton-nav {
  display: flex;
  align-items: center;
}

.btn-publicite {
  padding: 8px 18px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #3b82f6);
  border-radius: 8px;
  box-shadow: 0 5px 12px rgba(59, 130, 246, 0.3);
  text-decoration: none;
  transition: all 0.3s ease;
  user-select: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.btn-publicite:hover,
.btn-publicite:focus {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.5);
  transform: translateY(-2px);
  outline: none;
}

.btn-publicite:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.4);
}
 
/* Responsive - dans les petits écrans */
@media (max-width: 576px) {
  .btn-publicite {
    padding: 6px 12px;
    font-size: 0.85rem;
     
  }
}


/*POINT*/
 

.query-point-mb{

display: none!important
}

@media (max-width: 995px) {
    .query-point{

display: none!important;

}
.query-point-mb{

display:block!important;
}

}

/*SEARCH BAR*/
.search-bar-container {
  position: fixed;
  top: 56px; /* ajuste en fonction de la hauteur réelle de ta navbar */
  left: 0;
  right: 0;
  background: white;
  z-index: 1050;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.bcg-search{
background-color:rgb(35 35 35) !important;

}

.search-bar-container.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.d-none-search {
  display: none !important;
}



@media (max-width: 1170px) {

.mx-auto{

margin-left: 15px!important;
 
}
}