/* =========================================================
   INESC Content — people cards
   The `.inesc-person` card (green rule, round photo, name, role, email)
   rendered by INESC_Posts_Frontend::render_people() in the sidebar of
   single posts and in the actions column of single events. Each module
   styles its own stack wrapper in its layout CSS
   (.inesc-post-single__people / .inesc-event-single__people).
========================================================= */

.inesc-person {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem 0.5rem 0.5rem;
  background: transparent;
  gap: 0.45rem;
}

.inesc-person__rule {
  display: block;
  width: 100%;
  height: 3px;
  background: var(--green);
  margin: 0 0 0.6rem;
}

.inesc-person__photo {
  width: clamp(6rem, 9vw, 8.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background: var(--ip-placeholder-bg);
  margin: 0 0 0.4rem;
}

.inesc-person__photo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

.inesc-person__photo-img--placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--ip-placeholder-bg);
}

.inesc-person__name {
  font-family: var(--font-main);
  font-size: var(--text-19-5);
  font-weight: var(--normal);
  color: var(--blue);
  line-height: 1.2;
  margin: 0 !important;
}

.inesc-person__role {
  font-family: var(--font-main);
  font-size: var(--text-17);
  font-weight: var(--normal);
  color: var(--green);
  line-height: 1.3;
  margin: 0 !important;
}

.inesc-person__email {
  font-family: var(--font-main);
  font-size: var(--text-17);
  font-weight: var(--semi-bold);
  color: var(--blue);
  margin: 0.3rem 0 0 !important;
  word-break: break-all;
}

.inesc-person__email a {
  color: var(--blue) !important;
  text-decoration: none !important;
}

.inesc-person__email a:hover,
.inesc-person__email a:focus {
  color: var(--green) !important;
  text-decoration: underline;
}