/*
 * Styles for the profile photo added to the contact "Summary Overlay"
 * hover card (see feiextension_civicrm_pageRun() and the
 * templates/CRM/Profile/Page/Overlay.tpl override in this extension).
 */
.crm-table-group-summary .fei-overlay-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 84px;
}
.crm-table-group-summary .fei-overlay-name {
  flex: 1 1 auto;
}
.crm-table-group-summary .fei-overlay-photo {
  flex: 0 0 auto;
  /* claw back the header cell's own padding so the photo sits closer to the edge */
  margin: -12px -8px -12px 0;
}
.crm-table-group-summary .fei-overlay-photo a,
.crm-table-group-summary .fei-overlay-photo img {
  display: block;
  width: 76px !important;
  height: 76px !important;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/* Defensive: ensures nothing else marks this text non-selectable. The actual
   fix for text selection inside the popup is in js/fei-overlay-tooltip.js
   (the tooltip content sits inside a natively-draggable <a> tag, which
   Firefox in particular treats as "start a link-drag" before selection can
   begin -- setting draggable="false" is what prevents that). */
.crm-tooltip-wrapper,
.crm-tooltip-wrapper * {
  user-select: text;
}