/* DAKRA finder layout update, scoped to the finder only. */
#dakra-vehicle-finder.dh-vehicle-bar,
.dakra-global #dakra-vehicle-finder {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px 12px!important;
  width:100%!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
}
#dakra-vehicle-finder .dh-vehicle-label{
  flex:0 0 auto!important;
  margin:0 6px 0 0!important;
  white-space:nowrap;
}
#dakra-vehicle-finder .dakra-finder-select{
  display:block;
  flex:1 1 190px!important;
  width:auto!important;
  min-width:145px!important;
  max-width:290px!important;
  min-height:40px;
  padding:8px 12px;
  color:#171717;
  background:#fff;
  border:1px solid #777;
  border-radius:3px;
  box-sizing:border-box;
}
#dakra-vehicle-finder .dakra-finder-select:disabled{opacity:.65}
#dakra-vehicle-finder .dakra-finder-submit{
  flex:0 0 120px!important;
  min-height:40px;
  padding:8px 20px;
  cursor:pointer;
}
#dakra-vehicle-finder .dakra-finder-submit:disabled{cursor:not-allowed;opacity:.5}
#dakra-vehicle-finder .dakra-finder-note{
  flex:0 0 100%!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:780px){
  #dakra-vehicle-finder.dh-vehicle-bar{padding:12px 16px!important;justify-content:center!important}
  #dakra-vehicle-finder .dh-vehicle-label{flex:0 0 100%!important;text-align:center!important;margin:0!important}
  #dakra-vehicle-finder .dakra-finder-select{flex:1 1 170px!important;max-width:none!important}
}
@media(max-width:520px){
  #dakra-vehicle-finder .dakra-finder-select{flex:0 0 100%!important;max-width:100%!important}
  #dakra-vehicle-finder .dakra-finder-submit{flex:0 0 100%!important}
}
