/* DokterHub App v1.11.39 — universal clinic directory availability UX */
#dh26Portal #dh26NearbyListList,
#dh26App #dh26NearbyListList{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
}

#dh26Portal #dh26NearbyListList .dh26-nearby-card--clinic-minimal,
#dh26App #dh26NearbyListList .dh26-nearby-card--clinic-minimal{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:18px!important;
  border:1px solid #e3eae5!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(20,61,45,.045)!important;
  text-align:left!important;
  overflow:hidden!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-card--clinic-minimal::after,
#dh26App #dh26NearbyListList .dh26-nearby-card--clinic-minimal::after{
  display:none!important;
  content:none!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-card--clinic-minimal:active,
#dh26App #dh26NearbyListList .dh26-nearby-card--clinic-minimal:active{
  transform:scale(.996)!important;
}

/* Stock-out must be impossible to miss, without turning the whole UI alarming. */
#dh26Portal #dh26NearbyListList .dh26-nearby-card--clinic-minimal.is-unavailable,
#dh26App #dh26NearbyListList .dh26-nearby-card--clinic-minimal.is-unavailable{
  border:1.5px solid #e5484d!important;
  background:#fffafa!important;
  box-shadow:0 5px 18px rgba(181,37,42,.075)!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-card--clinic-minimal.is-partial,
#dh26App #dh26NearbyListList .dh26-nearby-card--clinic-minimal.is-partial{
  border-color:#e9dbc2!important;
  background:#fffdf9!important;
}

#dh26Portal #dh26NearbyListList .dh26-nearby-card__simple-head,
#dh26App #dh26NearbyListList .dh26-nearby-card__simple-head{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-card__simple-main,
#dh26App #dh26NearbyListList .dh26-nearby-card__simple-main{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-card__clinic-name-row,
#dh26App #dh26NearbyListList .dh26-nearby-card__clinic-name-row{
  display:block!important;
  min-width:0!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-card__clinic-name-row strong,
#dh26App #dh26NearbyListList .dh26-nearby-card__clinic-name-row strong{
  display:block!important;
  margin:0!important;
  color:#17231d!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.018em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#dh26Portal #dh26NearbyListList .dh26-clinic-hours-line,
#dh26App #dh26NearbyListList .dh26-clinic-hours-line{
  margin:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  color:#66766d!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-hours-line strong,
#dh26App #dh26NearbyListList .dh26-clinic-hours-line strong{
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:650!important;
  color:inherit!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-hours-line.is-closed,
#dh26Portal #dh26NearbyListList .dh26-clinic-hours-line.is-closed strong,
#dh26App #dh26NearbyListList .dh26-clinic-hours-line.is-closed,
#dh26App #dh26NearbyListList .dh26-clinic-hours-line.is-closed strong{
  color:#8a675f!important;
}

#dh26Portal #dh26NearbyListList .dh26-clinic-directory-meta,
#dh26App #dh26NearbyListList .dh26-clinic-directory-meta{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  color:#66766d!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-meta i,
#dh26App #dh26NearbyListList .dh26-clinic-directory-meta i{
  flex:0 0 auto!important;
  font-size:13px!important;
  color:#718078!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-meta span,
#dh26App #dh26NearbyListList .dh26-clinic-directory-meta span{
  min-width:0!important;
  white-space:normal!important;
}

/* One availability component, one message. */
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:30px!important;
  box-sizing:border-box!important;
  margin:1px 0 0!important;
  padding:6px 10px!important;
  border:1px solid #d8e6d2!important;
  border-radius:999px!important;
  background:#f2f8ef!important;
  color:#315f3c!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status>i,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status>i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#5d9147!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status>span,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status>span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-width:0!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status strong,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status strong{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  white-space:normal!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status small,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status small{
  display:block!important;
  margin:0!important;
  color:#7b6a49!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-danger,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-danger{
  min-height:32px!important;
  border-color:#d92d20!important;
  background:#d92d20!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(217,45,32,.16)!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-danger>i,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-danger>i{
  background:#fff!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-danger small,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-danger small{
  color:#fff!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-partial,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-partial{
  border-color:#e5d5b5!important;
  background:#fff7e7!important;
  color:#735717!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-partial>i,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-partial>i{
  background:#a87818!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-muted,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-muted{
  border-color:#dfe5e1!important;
  background:#f6f8f7!important;
  color:#59685f!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-status.is-muted>i,
#dh26App #dh26NearbyListList .dh26-clinic-directory-status.is-muted>i{
  background:#89968f!important;
}

/* No chevron: the whole card is already the tap target. */
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-chevron,
#dh26App #dh26NearbyListList .dh26-clinic-directory-chevron,
#dh26Portal #dh26NearbyListList .dh26-nearby-card__chevron,
#dh26App #dh26NearbyListList .dh26-nearby-card__chevron,
#dh26Portal #dh26NearbyListList .fi-tr-angle-small-right,
#dh26App #dh26NearbyListList .fi-tr-angle-small-right{
  display:none!important;
}
#dh26Portal #dh26NearbyListList .dh26-nearby-corner-icon,
#dh26Portal #dh26NearbyListList .dh26-nearby-card__details,
#dh26Portal #dh26NearbyListList .dh26-nearby-card__footer,
#dh26App #dh26NearbyListList .dh26-nearby-corner-icon,
#dh26App #dh26NearbyListList .dh26-nearby-card__details,
#dh26App #dh26NearbyListList .dh26-nearby-card__footer{
  display:none!important;
}

/* Clear transition from bookable nearby clinics to exhausted stock. */
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-divider,
#dh26App #dh26NearbyListList .dh26-clinic-directory-divider{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:8px 2px 0!important;
  padding:10px 2px 2px!important;
  border-top:1px solid #ecd7d5!important;
  color:#9f2d2d!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-divider span,
#dh26App #dh26NearbyListList .dh26-clinic-directory-divider span{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
#dh26Portal #dh26NearbyListList .dh26-clinic-directory-divider small,
#dh26App #dh26NearbyListList .dh26-clinic-directory-divider small{
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
  color:#a87976!important;
}

@media(max-width:699px){
  #dh26Portal #dh26NearbyListList,
  #dh26App #dh26NearbyListList{gap:10px!important}
  #dh26Portal #dh26NearbyListList .dh26-nearby-card--clinic-minimal,
  #dh26App #dh26NearbyListList .dh26-nearby-card--clinic-minimal{
    padding:16px!important;
    border-radius:18px!important;
    gap:9px!important;
  }
  #dh26Portal #dh26NearbyListList .dh26-nearby-card__clinic-name-row strong,
  #dh26App #dh26NearbyListList .dh26-nearby-card__clinic-name-row strong{
    font-size:15.5px!important;
    line-height:1.34!important;
  }
}