/* ===============================
   PUBLIC DOCTOR CARD BASE
   =============================== */

.public-card {
  position: relative;
  padding-right: 150px;      /* reserve space for photo */
}

/* ===============================
   DOCTOR PHOTO (TOP RIGHT)
   =============================== */

.doctor-photo-wrap {
  position: absolute;
  top: 6px;
  right: 14px;
  z-index: 2;
}

.doctor-photo {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 10px;
  border: 2px solid #e5e7eb;
  background: #f8fafc;
}

/* Mobile: slightly bigger photo */
@media (max-width: 768px) {
  .public-card {
    padding-right: 160px;
  }

  .doctor-photo {
    width: 108px;
    height: 100px;
  }
}

/* ===============================
   DOCTOR ACTION BUTTONS
   Light boxed style
   =============================== */

.public-card .doctor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

/* Base button */
.public-card .doctor-actions .btn {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
}

/* Individual button text colors */
.public-card .btn-call  { color: #dc2626; }  /* red */
.public-card .btn-map   { color: #2563eb; }  /* blue */
.public-card .btn-share { color: #16a34a; }  /* green */
.public-card .btn-live  { color: #ea580c; }  /* orange */
.public-card .btn-book  { color: #2563eb; }  /* blue */

/* Hover feedback */
.public-card .doctor-actions .btn:hover {
  background: #e5e7eb;
}

@media (max-width: 768px) {
  .doctor-photo-wrap {
    top: 1px;
  }
}