.search-barre {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 60px;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  box-shadow: 0 8px 40px rgba(0,0,0,0.12);
  border: 1.5px solid rgba(146,212,0,0.25);
  margin: 0 auto 1.2rem;
  max-width: 880px;
}
.search-barre input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  outline: none;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  color: var(--dark);
  padding: 0.75rem 0.5rem;
}
.sp-kw {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex: 1;
  min-width: 0;
}
.sp-sep{width:1px;height:28px;background:var(--border);flex-shrink:0}
.sp-loc{
  display:flex;align-items:center;gap:.4rem;
  flex:1;padding:.5rem .8rem;
}
.sp-loc input{
  background:transparent;border:none;outline:none;
  font-family:'Inter',sans-serif;font-size:.95rem;color:var(--dark);
  width:100%;
}
.sp-loc input::placeholder{color:#b0b5bc}
.sp-dep-sel{
  background:transparent;border:none;outline:none;
  font-family:'Inter',sans-serif;font-size:.95rem;color:var(--dark);
  width:100%;cursor:pointer;-webkit-appearance:none;
}
.sp-dep-sel option{color:var(--dark)}

@media(max-width:960px){
.search-barre {
    flex-direction: column;
    align-items: stretch;
    border-radius: 16px;
    padding: .8rem;
    gap: .5rem;
}
.search-barre input {
    flex: 1 1 100%;
    width: 100%;
    padding: 0.7rem 0.4rem;
}
.sp-sep{display:none}
.sp-kw{
    border:1.5px solid var(--border);border-radius:10px;
    background:var(--light);padding:.1rem .8rem;
  }
.sp-input{padding:.6rem .3rem}
.sp-loc{
    border:1.5px solid var(--border);border-radius:10px;
    background:var(--light);padding:.5rem .8rem;
  }
}