/* MedResearch Hub - Research Opportunities public UX v2050 */
body .directory-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  padding:14px!important;
}
body .directory-filters .search-wide{
  flex:2 1 290px!important;
  min-width:230px!important;
}
body .directory-filters select{
  display:block!important;
  flex:1 1 145px!important;
  min-width:135px!important;
  width:auto!important;
}
body .directory-filters > .btn{
  flex:0 0 auto!important;
  min-width:105px!important;
  min-height:45px!important;
  margin:0!important;
}
body .directory-body > p{display:none!important}
body .directory-actions .icon-ghost{display:none!important}
body .directory-actions{justify-content:center!important;align-items:stretch!important}
body .opportunity-whatsapp-cta{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  background:#087f62!important;
  border:1px solid #087f62!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(8,127,98,.14)!important;
}
body .opportunity-whatsapp-cta:hover{background:#066d54!important;border-color:#066d54!important}
body .researcher-card{display:none!important}

@media (min-width:1101px){
  body .directory-card{grid-template-columns:74px minmax(0,1fr) 190px!important}
  body .directory-actions{height:auto!important}
}
@media (min-width:681px) and (max-width:1100px){
  body .directory-filters .search-wide{flex-basis:260px!important}
  body .directory-filters select{flex-basis:150px!important}
}
@media (max-width:680px){
  body .research-directory{overflow:hidden}
  body .directory-filters{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:12px!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body .directory-filters::-webkit-scrollbar{display:none}
  body .directory-filters .search-wide{
    flex:0 0 235px!important;
    min-width:235px!important;
    scroll-snap-align:start;
  }
  body .directory-filters select{
    display:block!important;
    flex:0 0 155px!important;
    min-width:155px!important;
    scroll-snap-align:start;
  }
  body .directory-filters > .btn{
    flex:0 0 100px!important;
    min-width:100px!important;
    scroll-snap-align:start;
  }
  body .directory-actions{width:100%!important}
  body .opportunity-whatsapp-cta{width:100%!important}
}
