/* DOBERTO VCF — member directory v20 refinements */
body.directory-page .pro-search-wrap input{padding-right:44px!important}
body.directory-page .pro-search-wrap input::-webkit-search-cancel-button{display:none!important}
body.directory-page .clear-search-btn{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#748294!important;
  box-shadow:none!important;
  font:500 20px/1 Inter,system-ui!important;
  cursor:pointer!important;
}
body.directory-page .clear-search-btn:hover{background:rgba(255,255,255,.045)!important;color:#d8e0e8!important}
body.directory-page .clear-search-btn:focus-visible{outline:2px solid rgba(94,230,184,.55)!important;outline-offset:1px!important}
body.directory-page .clear-search-btn[hidden]{display:none!important}
body.directory-page .member-total-chip{min-width:58px!important;text-align:center!important}
body.directory-page .pager[hidden]{display:none!important}

body.directory-page .skeleton-block,
body.directory-page .skeleton-line{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.055)!important;
}
body.directory-page .skeleton-line{height:10px!important;border-radius:999px!important}
body.directory-page .skeleton-name{width:min(180px,58%)!important}
body.directory-page .skeleton-country{width:92px!important}
body.directory-page .skeleton-block::after,
body.directory-page .skeleton-line::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  transform:translateX(-100%)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent)!important;
  animation:dvDirectoryShimmer 1.25s ease-in-out infinite!important;
}
@keyframes dvDirectoryShimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){body.directory-page .skeleton-block::after,body.directory-page .skeleton-line::after{animation:none!important}}

body.directory-page .directory-state-row:hover{background:transparent!important}
body.directory-page .directory-state-row td{padding:0!important}
body.directory-page .directory-state-row .pro-empty{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:112px!important;
  padding:24px 16px!important;
}
body.directory-page .directory-retry{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid rgba(94,230,184,.18)!important;
  border-radius:10px!important;
  background:rgba(94,230,184,.055)!important;
  color:#76e9c1!important;
  box-shadow:none!important;
  font:700 10.5px Inter,system-ui!important;
  cursor:pointer!important;
}
body.directory-page .directory-retry:hover{background:rgba(94,230,184,.09)!important}
body.directory-page .directory-retry:focus-visible{outline:2px solid rgba(94,230,184,.55)!important;outline-offset:2px!important}

@media(max-width:620px){
  body.directory-page .member-skeleton{min-height:56px!important}
  body.directory-page .member-skeleton td:last-child{display:flex!important;justify-content:flex-end!important;min-width:82px!important}
  body.directory-page .skeleton-name{width:min(150px,52vw)!important}
  body.directory-page .skeleton-country{width:72px!important}
  body.directory-page .directory-state-row{display:block!important;padding:0!important;border:0!important;background:transparent!important}
  body.directory-page .directory-state-row td{width:100%!important;max-width:none!important;text-align:center!important}
  body.directory-page .directory-state-row .pro-empty{min-height:104px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:rgba(255,255,255,.012)!important}
}