
/* CTEJA Header V2.2 — keep Filter and Clear as separate controls */
#cteja-hz-v2-header .cteja-hz-search-form{
  column-gap:8px!important;
}

#cteja-hz-v2-header .cteja-hz-filter-btn,
#cteja-hz-v2-header .cteja-hz-clear{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:1px solid #d9e0e5!important;
  border-radius:4px!important;
  background:#fff!important;
  position:relative!important;
  z-index:1!important;
}

#cteja-hz-v2-header .cteja-hz-filter-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}

#cteja-hz-v2-header .cteja-hz-clear{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  color:#84909a!important;
  text-decoration:none!important;
}

/* make a visible gap between filter and clear, matching the reference */
#cteja-hz-v2-header .cteja-hz-filter-btn{
  margin-right:0!important;
}
#cteja-hz-v2-header .cteja-hz-clear{
  margin-left:0!important;
}

/* exact desktop proportions */
@media(min-width:1161px){
 #cteja-hz-v2-header .cteja-hz-search-form{
   grid-template-columns:minmax(390px,1fr) 115px 145px 145px 48px 72px 145px!important;
   gap:8px!important;
 }
}
@media(min-width:921px) and (max-width:1160px){
 #cteja-hz-v2-header .cteja-hz-search-form{
   grid-template-columns:minmax(250px,1fr) 105px 125px 125px 46px 68px 125px!important;
   gap:7px!important;
 }
}

/* ensure no inner pseudo/overflow visually merges buttons */
#cteja-hz-v2-header .cteja-hz-filter-btn:before,
#cteja-hz-v2-header .cteja-hz-filter-btn:after,
#cteja-hz-v2-header .cteja-hz-clear:before,
#cteja-hz-v2-header .cteja-hz-clear:after{
  max-width:100%!important;
}

/* mobile keeps filter compact and Clear hidden like current design */
@media(max-width:600px){
 #cteja-hz-v2-header .cteja-hz-clear{display:none!important;}
 #cteja-hz-v2-header .cteja-hz-filter-btn{display:flex!important;}
}
