/* =========================================================
   ED DentalDirectory — Option A (Cardify) CSS v1
   Scope: only our generated markup (.ed-dd-*)
   ========================================================= */

#subscribers-grid table.listing-table { width:100%; }

/* Turn tbody into a responsive grid of cards */
#subscribers-grid table.listing-table > tbody{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap:18px;
}

/* Each row becomes a card container */
#subscribers-grid table.listing-table > tbody > tr{
  display:block !important;
}

/* Hide header + legacy columns (we replace each row with one colspan cell) */
#subscribers-grid table.listing-table > thead{ display:none !important; }
#subscribers-grid table.listing-table > tbody > tr > td:not(.ed-dd-cardcell){ display:none !important; }

/* Card shell */
.ed-dd-card{
  background:#fff;
  border:1px solid #ececec;
  border-radius:14px;
  padding:18px 18px 16px 18px;
  display:grid;
  grid-template-columns: 110px 1fr;
  gap:18px;
  min-height: 140px;
}

/* Photo circle: BIGGER than mockup (per your requirement) */
.ed-dd-photo{
  width:96px;
  height:96px;
  border-radius:50%;
  background:#f2f2f2;
  box-shadow:0 10px 18px rgba(0,0,0,0.08);
  overflow:hidden;
  position:relative;
}
.ed-dd-photo img{
  width:96px !important;
  height:96px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block;
}

/* Text stack */
.ed-dd-name{
  font-weight:700;
  font-size:18px;
  line-height:1.2;
  margin:0 0 4px 0;
}
.ed-dd-spec{
  font-size:12px;
  letter-spacing:0.6px;
  text-transform:uppercase;
  opacity:0.65;
  margin:0 0 6px 0;
}
.ed-dd-loc{
  font-size:14px;
  opacity:0.75;
  margin:0 0 10px 0;
}

/* Button MUST be at bottom under location */
.ed-dd-body{
  display:flex;
  flex-direction:column;
  min-height: 100px;
}
.ed-dd-btn{
  margin-top:auto;
  display:inline-block;
  padding:10px 16px;
  border:1px solid #d7c9f3;
  border-radius:12px;
  background:#f7f3ff;
  text-decoration:none !important;
  font-weight:600;
  color:#4b3b6a;
}