/* Dental Directory thumbnail override */
.table-style .listing-table td:first-child {
  text-align: center !important;
  vertical-align: middle;
}

.table-style .listing-table td:first-child img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
}


/* Dental Directory: shrink the two CTA buttons */
a.but_hand_right.large-b.m-right10,
a.but_info.large-b{
  font-size: 14px !important;
  padding: 10px 18px !important;
  line-height: 18px !important;
  border-radius: 24px !important;
}

/* === PUBLIC PROFILE PHOTO MODERNIZATION (2026) === */
img.imgProfile,
img.imgProfile.thin-gray-border {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  object-fit: cover;

  /* subtle “logged-in style” */
  border: 5px solid #fff !important;
  box-shadow: 0 2px 3px rgba(0,0,0,0.25) !important;
  background: #fff;
}

/* Mobile */
@media (max-width: 480px) {
  img.imgProfile,
  img.imgProfile.thin-gray-border {
    width: 120px !important;
    height: 120px !important;
  }
}


/* === PUBLIC PROFILE PHOTO FIX (selector correction) === */
img.thin-gray-border[id*="imgProfile"],
img.thin-gray-border[id*="_imgProfile"] {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  object-fit: cover !important;

  border: 5px solid #fff !important;
  box-shadow: 0 2px 3px rgba(0,0,0,0.25) !important;
  background: #fff !important;
}

@media (max-width: 480px) {
  img.thin-gray-border[id*="imgProfile"],
  img.thin-gray-border[id*="_imgProfile"] {
    width: 120px !important;
    height: 120px !important;
  }
}


/* Dental Directory: make provider thumbnails circular with subtle shadow */
.table-style .listing-table td:first-child img[src*="/DentistryResporatory/ProfileImages/ThumbNails/"] {
  border-radius: 9999px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
  display: inline-block;
}

/* === ED: Dental Directory thumb circle + shadow (keep current size) === */
/* Targets thumbs rendered inside the directory listing table */
.listing-table td:first-child img,
.table-style .listing-table td:first-child img {
  display: inline-block !important;
  border-radius: 9999px !important;
  background: #fff !important;
  /* subtle shadow like publicprofile */
  box-shadow: 0 6px 14px rgba(0,0,0,0.14) !important;
  /* ensure the circle crops non-square logos */
  object-fit: cover !important;
}

/* Some rows use inline height/width; ensure we don't distort but still crop */
.listing-table td:first-child img {
  overflow: hidden !important;
}

/* Make sure the cell allows the shadow to be visible */
.listing-table td:first-child,
.table-style .listing-table td:first-child {
  overflow: visible !important;
  position: relative;
  z-index: 2;
}

/* -------------------------------------------------
   Dental Directory — circular thumbnails + shadow
   Matches actual DOM: listing-table first column img
   ------------------------------------------------- */
table.listing-table td:first-child img {
  border-radius: 50% !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;
  object-fit: cover;
}


/* -------------------------------------------------
   Dental Directory — circular thumbnails + shadow
   Actual DOM: <table class="listing-table"> ... <td> <img ...>
   ------------------------------------------------- */
table.listing-table td:first-child img {
  border-radius: 50% !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;
  object-fit: cover;
}