/* ═══════════════════════════════════════════
   Member Widget — Base Structure
   ═══════════════════════════════════════════ */
.solidae-member {
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  transition: all .25s ease-in-out;
}

.solidae-member__card {
  background: var(--solidae-member-bg, transparent);
  padding: var(--solidae-member-padding, 0);
  overflow: hidden;
  text-align: var(--solidae-member-text-align, center);
  position: relative;
}

/* ── Photo ── */
.solidae-member__photo-wrap {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.solidae-member__photo-wrap img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  opacity: var(--solidae-member-photo-opacity, 1);
  transform: var(--solidae-member-photo-transform, none);
  transition: transform var(--solidae-member-photo-transition-duration, 500ms) ease-out, opacity 500ms ease-out;
}

.solidae-member__card:hover .solidae-member__photo-wrap img {
  transform: var(--solidae-member-photo-hover-transform, var(--solidae-member-photo-transform, none));
}

.solidae-member__overlay {
  position: absolute;
  inset: 0;
  background: var(--solidae-member-overlay, transparent);
  pointer-events: none;
  transition: background 0.3s ease;
}

.solidae-member__photo-alt {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.solidae-member__card:hover .solidae-member__photo-alt {
  opacity: 1;
}

/* ── Image masks ── */
.solidae-member--mask-circle .solidae-member__photo-wrap { border-radius: 50%; }
.solidae-member--mask-rounded .solidae-member__photo-wrap { border-radius: 20px; }
.solidae-member--mask-hexagon .solidae-member__photo-wrap img,
.solidae-member--mask-hexagon .solidae-member__photo-wrap .solidae-member__photo-alt {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.solidae-member--mask-blob .solidae-member__photo-wrap img,
.solidae-member--mask-blob .solidae-member__photo-wrap .solidae-member__photo-alt {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

/* ── Content ── */
.solidae-member__content {
  padding: var(--solidae-member-content-padding, 1em 1.5em);
}

.solidae-member__name {
  display: block;
  color: var(--solidae-member-name-color, #000);
  margin: 0 0 var(--solidae-member-name-spacing, 0px) 0;
  font-size: var(--solidae-member-name-size, 18px);
  font-weight: var(--solidae-member-name-weight, 600);
  line-height: 1.3;
}

.solidae-member__role {
  display: block;
  color: var(--solidae-member-role-color, rgba(0, 0, 0, 0.92));
  margin: 0 0 var(--solidae-member-role-spacing, 20px) 0;
  font-size: var(--solidae-member-role-size, 0.9em);
  line-height: 1.4;
  opacity: 0.5;
}

.solidae-member__text {
  color: var(--solidae-member-text-color, rgba(0, 0, 0, 0.57));
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.solidae-member__text:empty { display: none; }

/* ── Social icons ── */
.solidae-member__social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--solidae-member-social-gap, 12px);
  justify-content: var(--solidae-member-social-justify, inherit);
  padding: var(--solidae-member-social-padding, 0);
}

.solidae-member__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--solidae-member-social-bg-size, 36px);
  height: var(--solidae-member-social-bg-size, 36px);
  border-radius: var(--solidae-member-social-radius, 50%);
  padding: var(--solidae-member-social-link-padding, 0);
  background: var(--solidae-member-social-bg, transparent);
  color: var(--solidae-member-social-color, #555);
  font-size: var(--solidae-member-social-size, 16px);
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
  position: relative;
  line-height: 1;
}

.solidae-member__social-link:hover,
.solidae-member__social-link:focus-visible {
  background: var(--solidae-member-social-hover-bg, transparent);
  color: var(--solidae-member-social-hover-color, #FFBA08);
}

.solidae-member__social-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.solidae-member__social-link i,
.solidae-member__social-link svg {
  font-size: inherit;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/* ── Tooltip ── */
.solidae-member__tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #333;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 10;
}

.solidae-member__tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #333;
}

.solidae-member__social-link:hover .solidae-member__tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ═══════════════════════════════════════════
   Skin: Default
   Card — photo top, content below, social
   with top border separator
   ═══════════════════════════════════════════ */
.solidae-member--default {
  --solidae-member-bg: #ffffff;
  --solidae-member-text-align: center;
  --solidae-member-name-color: #000000;
  --solidae-member-name-size: 18px;
  --solidae-member-name-weight: 600;
  --solidae-member-name-spacing: 0px;
  --solidae-member-role-color: rgba(0, 0, 0, 0.92);
  --solidae-member-role-spacing: 20px;
  --solidae-member-text-color: rgba(0, 0, 0, 0.57);
  --solidae-member-social-color: #555;
  --solidae-member-social-hover-color: #FFBA08;
}

.solidae-member--default .solidae-member__card {
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.solidae-member--default .solidae-member__social {
  justify-content: var(--solidae-member-social-justify, center);
  border-top-width: var(--solidae-member-social-separator-width, 1px);
  border-top-style: var(--solidae-member-social-separator-style, solid);
  border-top-color: var(--solidae-member-social-separator-color, rgba(0, 0, 0, 0.05));
  padding: 1em;
  margin-top: var(--solidae-member-social-vspacing, 0px);
}

/* Default icons: no circle, just padding — matches EP exactly */
.solidae-member--default .solidae-member__social-link {
  width: auto;
  height: auto;
  border-radius: var(--solidae-member-social-radius, 0);
  padding: var(--solidae-member-social-link-padding, 5px);
}

.solidae-member--default .solidae-member__social-link:hover,
.solidae-member--default .solidae-member__social-link:focus-visible {
  background: var(--solidae-member-social-hover-bg, transparent);
  color: var(--solidae-member-social-hover-color, #FFBA08);
  border-radius: var(--solidae-member-social-radius, 50%);
}

/* ═══════════════════════════════════════════
   Skin: Partait
   Two-column — photo LEFT, content RIGHT
   ═══════════════════════════════════════════ */
.solidae-member--partait {
  --solidae-member-bg: #ffffff;
  --solidae-member-text-align: left;
  --solidae-member-content-padding: 0;
  --solidae-member-name-color: #000000;
  --solidae-member-name-size: 18px;
  --solidae-member-name-weight: 600;
  --solidae-member-name-spacing: 0px;
  --solidae-member-role-color: rgba(0, 0, 0, 0.92);
  --solidae-member-role-spacing: 20px;
  --solidae-member-text-color: rgba(0, 0, 0, 0.57);
  --solidae-member-social-color: #555;
  --solidae-member-social-hover-color: #FFBA08;
}

.solidae-member--partait .solidae-member__card {
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.solidae-member--partait .solidae-member__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.solidae-member--partait .solidae-member__columns > .solidae-member__photo-wrap {
  border-radius: 0;
}

.solidae-member--partait .solidae-member__columns > .solidae-member__photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solidae-member--partait .solidae-member__desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 30px;
}

.solidae-member--partait .solidae-member__social {
  justify-content: var(--solidae-member-social-justify, flex-start);
  border-top-width: var(--solidae-member-social-separator-width, 0);
  border-top-style: var(--solidae-member-social-separator-style, solid);
  border-top-color: var(--solidae-member-social-separator-color, rgba(0, 0, 0, 0.05));
  margin-top: var(--solidae-member-social-vspacing, 0px);
}

/* Partait icons: no circle, just padding — matches EP exactly */
.solidae-member--partait .solidae-member__social-link {
  width: auto;
  height: auto;
  border-radius: var(--solidae-member-social-radius, 0);
  padding: var(--solidae-member-social-link-padding, 5px);
}

.solidae-member--partait .solidae-member__social-link:hover,
.solidae-member--partait .solidae-member__social-link:focus-visible {
  background: var(--solidae-member-social-hover-bg, transparent);
  color: var(--solidae-member-social-hover-color, #FFBA08);
  border-radius: var(--solidae-member-social-radius, 50%);
}

@media (max-width: 959px) {
  .solidae-member--partait .solidae-member__columns {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════
   Skin: Band
   Photo with overlay + social icons animate
   in on hover. Content below.
   ═══════════════════════════════════════════ */
.solidae-member--band {
  --solidae-member-bg: #ffffff;
  --solidae-member-text-align: center;
  --solidae-member-content-padding: 25px 30px 30px;
  --solidae-member-name-color: #000000;
  --solidae-member-name-size: 18px;
  --solidae-member-name-weight: 600;
  --solidae-member-name-spacing: 0px;
  --solidae-member-role-color: rgba(0, 0, 0, 0.92);
  --solidae-member-role-spacing: 20px;
  --solidae-member-text-color: rgba(0, 0, 0, 0.57);
  --solidae-member-social-bg: #ffffff;
  --solidae-member-social-color: #11224E;
  --solidae-member-social-hover-color: #FFBA08;
  --solidae-member-social-bg-size: 40px;
}

.solidae-member--band .solidae-member__card {
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

/* Band role opacity: EP uses .8 instead of base .5 */
.solidae-member--band .solidae-member__role {
  opacity: 0.8;
}

.solidae-member--band .solidae-member__photo-wrap {
  position: relative;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.solidae-member--band .solidae-member__photo-wrap img {
  transition: all .25s ease-in;
}

/* Overlay: skewed curtain that slides in on hover */
.solidae-member--band .solidae-member__overlay {
  background: var(--solidae-member-overlay, rgba(17, 34, 78, 0.38));
  height: 0;
  width: 100%;
  bottom: 0;
  top: auto;
  transform: skewY(-30deg) translateY(60%);
  transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  opacity: 0;
  z-index: 1;
}

/* Hover: only change opacity + height — keep skew angle (EP exact) */
.solidae-member--band .solidae-member__card:hover .solidae-member__overlay {
  opacity: 1;
  height: 100%;
  transition: all .4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Band default photo hover zoom (overridable via Photo Hover Effect control) */
.solidae-member--band {
  --solidae-member-photo-hover-transform: scale3d(1.05, 1.03, 1.1);
}

/* Photo wrapper — position context for icons (no overflow:hidden) */
.solidae-member--band .solidae-member__photo-wrapper {
  position: relative;
}

/* Band social icons container — EP exact: absolute within photo-wrapper */
.solidae-member--band .solidae-member__band-icons {
  position: absolute;
  right: 30px;
  transform: translateY(-65px);
  z-index: 1;
  display: flex;
  gap: 10px;
  border: 0;
  padding: 0;
}

/* Band social icon: hidden by default, reveals on card hover */
.solidae-member--band .solidae-member__band-icons .solidae-member__social-link {
  position: relative;
  display: inline-block;
  width: var(--solidae-member-social-bg-size, 40px);
  height: var(--solidae-member-social-bg-size, 40px);
  padding: var(--solidae-member-social-link-padding, 0);
  background: transparent;
  border-radius: 0;
  opacity: 0;
  transform: translateY(60px);
  transition: all .4s ease;
}

/* Circle background via ::before pseudo — matches EP exactly */
.solidae-member--band .solidae-member__band-icons .solidae-member__social-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: var(--solidae-member-social-bg-size, 40px);
  height: var(--solidae-member-social-bg-size, 40px);
  border-radius: var(--solidae-member-social-radius, 100%);
  display: block;
  background: var(--solidae-member-social-bg, #ffffff);
  transition: all 265ms ease-out;
}

/* Position icon i/svg absolute center within band link */
.solidae-member--band .solidae-member__band-icons .solidae-member__social-link i,
.solidae-member--band .solidae-member__band-icons .solidae-member__social-link svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 265ms ease-out;
  z-index: 1;
}

/* Staggered reveal on card hover — first child has no extra delay */
.solidae-member--band .solidae-member__card:hover .solidae-member__band-icons .solidae-member__social-link {
  opacity: 1;
  transform: translateY(0);
}

.solidae-member--band .solidae-member__card:hover .solidae-member__band-icons .solidae-member__social-link:nth-child(2) { transition-delay: 0.2s; }
.solidae-member--band .solidae-member__card:hover .solidae-member__band-icons .solidae-member__social-link:nth-child(3) { transition-delay: 0.3s; }
.solidae-member--band .solidae-member__card:hover .solidae-member__band-icons .solidae-member__social-link:nth-child(4) { transition-delay: 0.4s; }
.solidae-member--band .solidae-member__card:hover .solidae-member__band-icons .solidae-member__social-link:nth-child(5) { transition-delay: 0.5s; }

/* Icon hover: circle changes to hover-bg (falls back to shrinking if no hover-bg set) */
.solidae-member--band .solidae-member__band-icons .solidae-member__social-link:hover::before {
  background: var(--solidae-member-social-hover-bg, transparent);
  transition: all 265ms ease-in;
}

.solidae-member--band .solidae-member__band-icons .solidae-member__social-link:hover i,
.solidae-member--band .solidae-member__band-icons .solidae-member__social-link:hover svg {
  transform: translate(-50%, -50%) scale(1.3);
  transition: all 265ms ease-in;
  color: var(--solidae-member-social-hover-color, #FFBA08);
  fill: var(--solidae-member-social-hover-color, #FFBA08);
}

/* ═══════════════════════════════════════════
   Skin: Ekip
   Full-image. Overlay slides down on hover.
   Role, name, social animate to positions.
   ═══════════════════════════════════════════ */
.solidae-member--ekip {
  --solidae-member-bg: transparent;
  --solidae-member-name-color: #ffffff;
  --solidae-member-name-size: 26px;
  --solidae-member-name-weight: 600;
  --solidae-member-role-color: rgba(255, 255, 255, 0.88);
  --solidae-member-role-size: 13px;
  --solidae-member-social-bg: #FF0000;
  --solidae-member-social-color: #ffffff;
  --solidae-member-social-hover-bg: #000000;
  --solidae-member-social-hover-color: #ffffff;
}

.solidae-member--ekip .solidae-member__card {
  border-radius: 10px;
}

.solidae-member--ekip .solidae-member__content {
  padding: 0;
}

/* Overlay: slides in from top */
.solidae-member--ekip .solidae-member__ekip-overlay {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: linear-gradient(rgba(0, 0, 0, 0), var(--solidae-member-ekip-overlay-color, rgba(0, 0, 0, 0.6)));
  border-bottom: var(--solidae-member-ekip-overlay-border-width, 3px) solid var(--solidae-member-ekip-overlay-border-color, #FF0000);
  transition: 1s;
  z-index: 2;
}

.solidae-member--ekip .solidae-member__card:hover .solidae-member__ekip-overlay {
  top: 0;
  transition: 0.6s;
}

/* Role, name — hidden by default, positioned absolutely */
.solidae-member--ekip .solidae-member__ekip-overlay .solidae-member__role,
.solidae-member--ekip .solidae-member__ekip-overlay .solidae-member__name {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translate(-50%, -10%);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  width: fit-content;
  margin: 0;
}

.solidae-member.solidae-member--ekip .solidae-member__ekip-overlay .solidae-member__name {
  color: var(--solidae-member-ekip-overlay-name-color, var(--solidae-member-name-color, #fff)) !important;
}

.solidae-member.solidae-member--ekip .solidae-member__ekip-overlay .solidae-member__role {
  color: var(--solidae-member-ekip-overlay-role-color, var(--solidae-member-role-color, #fff)) !important;
}

/* Social icons — hidden, separate transition */
.solidae-member--ekip .solidae-member__ekip-overlay .solidae-member__social {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
  transition: 0.6s;
  visibility: hidden;
  opacity: 0;
  height: 40px;
  padding: 0;
  border: 0;
  width: fit-content;
  margin: 0;
}

/* Hover: animate to final positions */
.solidae-member--ekip .solidae-member__card:hover .solidae-member__role {
  left: 50%;
  top: 60%;
  transform: translate(-50%, -60%);
  visibility: visible;
  opacity: 1;
}

.solidae-member--ekip .solidae-member__card:hover .solidae-member__name {
  left: 50%;
  top: 70%;
  transform: translate(-50%, -70%);
  visibility: visible;
  opacity: 1;
}

.solidae-member--ekip .solidae-member__card:hover .solidae-member__social {
  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%);
  visibility: visible;
  opacity: 1;
}

/* Ekip icon: perfect circle with bg */
.solidae-member--ekip .solidae-member__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--solidae-member-social-bg-size, 40px);
  height: var(--solidae-member-social-bg-size, 40px);
  border-radius: var(--solidae-member-social-radius, 50%);
  padding: var(--solidae-member-social-link-padding, 0);
  transition: all .3s ease;
  aspect-ratio: 1;
}

/* ═══════════════════════════════════════════
   Skin: Flip
   3D flip card. Front = photo bg + name/role.
   Back = colored bg + description + social.
   ═══════════════════════════════════════════ */
.solidae-member--flip {
  --solidae-member-flip-bg: #016B61;
  --solidae-member-name-color: #ffffff;
  --solidae-member-name-size: 26px;
  --solidae-member-name-weight: 600;
  --solidae-member-name-spacing: 0px;
  --solidae-member-role-color: #ffffff;
  --solidae-member-role-spacing: 20px;
  --solidae-member-text-color: #ffffff;
  --solidae-member-social-bg: #ffffff;
  --solidae-member-social-color: #016B61;
  --solidae-member-social-hover-color: #000000;
  --solidae-member-content-padding: 35px;
  height: var(--solidae-member-flip-height, 360px);
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: inherit;
}

.solidae-member--flip .solidae-member__card {
  background: transparent;
  overflow: inherit;
}

.solidae-member--flip .solidae-member__flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: inherit;
}

.solidae-member--flip .solidae-member__flip-front,
.solidae-member--flip .solidae-member__flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: var(--solidae-member-flip-radius, 10px);
  overflow: hidden;
  transition: all 0.6s ease-in-out;
  transform-style: preserve-3d;
}

/* Front face: photo as background + gradient overlay */
.solidae-member--flip .solidae-member__flip-front {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.solidae-member--flip .solidae-member__flip-front-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}

.solidae-member--flip .solidae-member__flip-front-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--solidae-member-content-padding, 35px);
  text-align: center;
  z-index: 1;
}

.solidae-member--flip .solidae-member__flip-front-content .solidae-member__role {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
}

/* Back face: colored background */
.solidae-member--flip .solidae-member__flip-back {
  background: var(--solidae-member-flip-bg);
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  text-align: center;
}

.solidae-member--flip .solidae-member__flip-back-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Text centered in the middle — EP exact (bdt-position-center) */
.solidae-member--flip .solidae-member__flip-back-inner .solidae-member__text {
  position: absolute;
  top: 50%;
  left: 35px;
  right: 35px;
  transform: translateY(-50%);
  text-align: center;
}

/* Social icons at bottom — EP exact (bdt-position-bottom-center) */
.solidae-member--flip .solidae-member__flip-back-inner .solidae-member__social {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  justify-content: var(--solidae-member-social-justify, center);
  padding: 10px;
  border: 0;
  white-space: nowrap;
}

/* Flip icon: white circle with teal color — matches EP exactly */
.solidae-member--flip .solidae-member__social-link {
  width: auto;
  height: auto;
  border-radius: var(--solidae-member-social-radius, 100px);
  padding: var(--solidae-member-social-link-padding, 8px 10px);
  transition: all .2s ease;
}

/* Flip hover */
.solidae-member--flip:hover .solidae-member__flip-front {
  transform: rotateY(-180deg);
  z-index: 0;
}

.solidae-member--flip:hover .solidae-member__flip-back {
  transform: rotateY(0deg);
  z-index: 1;
}

/* ═══════════════════════════════════════════
   Skin: Phaedra
   Like Default but with colored pill icons,
   larger name, italic role.
   ═══════════════════════════════════════════ */
.solidae-member--phaedra {
  --solidae-member-bg: #ffffff;
  --solidae-member-text-align: center;
  --solidae-member-name-color: #000000;
  --solidae-member-name-size: 26px;
  --solidae-member-name-weight: 600;
  --solidae-member-name-spacing: 0px;
  --solidae-member-role-color: rgba(0, 0, 0, 0.92);
  --solidae-member-role-spacing: 20px;
  --solidae-member-text-color: rgba(0, 0, 0, 0.57);
  --solidae-member-social-bg: #FFA300;
  --solidae-member-social-color: #ffffff;
  --solidae-member-social-hover-color: #000000;
}

.solidae-member--phaedra .solidae-member__card {
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.solidae-member.solidae-member--phaedra .solidae-member__role {
  font-size: 16px;
  font-style: italic;
}

.solidae-member.solidae-member--phaedra .solidae-member__name {
  font-size: var(--solidae-member-name-size, 26px);
}

.solidae-member--phaedra .solidae-member__social {
  justify-content: var(--solidae-member-social-justify, center);
  border-top-width: var(--solidae-member-social-separator-width, 1px);
  border-top-style: var(--solidae-member-social-separator-style, solid);
  border-top-color: var(--solidae-member-social-separator-color, rgba(222, 229, 235, 0.5));
  padding: 1em;
  margin-top: var(--solidae-member-social-vspacing, 0px);
}

/* Phaedra icon: orange pill shape — EP exact */
.solidae-member.solidae-member--phaedra .solidae-member__social-link {
  width: auto;
  height: auto;
  border-radius: var(--solidae-member-social-radius, 50px);
  padding: var(--solidae-member-social-link-padding, 8px 10px);
  background: var(--solidae-member-social-bg, #FFA300);
  color: var(--solidae-member-social-color, #ffffff);
}

/* ═══════════════════════════════════════════
   Skin: Calm
   Image with gradient overlay, content at
   bottom, role fades on hover.
   ═══════════════════════════════════════════ */
.solidae-member--calm {
  --solidae-member-bg: transparent;
  --solidae-member-name-color: #ffffff;
  --solidae-member-name-size: 26px;
  --solidae-member-name-weight: 600;
  --solidae-member-name-spacing: 0px;
  --solidae-member-role-color: rgba(255, 255, 255, 0.92);
  --solidae-member-role-spacing: 0px;
  --solidae-member-social-color: #FFBE00;
  --solidae-member-social-hover-color: #FFBA08;
}

.solidae-member--calm .solidae-member__card {
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  position: relative;
}

.solidae-member--calm .solidae-member__photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Gradient overlay — EP exact */
.solidae-member--calm .solidae-member__calm-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  top: 0;
  padding-bottom: 45px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%);
  border-radius: 10px;
  pointer-events: none;
}

/* Content at bottom of card */
.solidae-member--calm .solidae-member__calm-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px 30px;
  text-align: center;
  z-index: 1;
}

.solidae-member--calm .solidae-member__calm-content .solidae-member__name {
  margin-bottom: 0;
}

.solidae-member--calm .solidae-member__calm-content .solidae-member__role {
  font-weight: 300;
  font-style: italic;
  margin-bottom: 0;
  transition: all .35s ease-out;
}

/* Role fades out on hover — EP exact */
.solidae-member--calm .solidae-member__card:hover .solidae-member__role {
  opacity: 0;
}

.solidae-member--calm .solidae-member__calm-content .solidae-member__social {
  justify-content: var(--solidae-member-social-justify, center);
  border-top-width: var(--solidae-member-social-separator-width, 0);
  border-top-style: var(--solidae-member-social-separator-style, solid);
  border-top-color: var(--solidae-member-social-separator-color, rgba(255, 255, 255, 0.2));
  margin-top: -15px;
  padding: 0;
}

.solidae-member--calm .solidae-member__social-link {
  width: auto;
  height: auto;
  padding: var(--solidae-member-social-link-padding, 5px);
  border-radius: var(--solidae-member-social-radius, 0);
  background: transparent;
}

.solidae-member--calm .solidae-member__social-link:hover,
.solidae-member--calm .solidae-member__social-link:focus-visible {
  background: var(--solidae-member-social-hover-bg, transparent);
  color: var(--solidae-member-social-hover-color, #FFBA08);
}