/* Partner profile additions; shared slideout, tag, link and button styles stay global. */

.partner-slideout-content { flex: 1; overflow-y: auto; }

.partner-slideout-hero {
  position: relative; width: 100%; max-width: 400px;
  margin: 0 auto; aspect-ratio: 4 / 5; overflow: hidden;
  border-radius: var(--card-border-radius); background: var(--main-header-bg-color);
}

.partner-slideout-hero.with-tags { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.partner-slideout-hero .photo {
  position: absolute; inset: 0;
  background-position: center 22%; background-size: cover;
}

.partner-slideout-hero .overlay {
  position: absolute; inset: auto 0 0;
  padding: 24px; color: #fff;
  background: linear-gradient(transparent, rgba(26, 27, 37, .85));
}

.partner-slideout-hero .name { margin: 0; color: inherit; font-weight: 700; }

.partner-slideout-hero .partner-photo-initials {
  display: flex; align-items: center; justify-content: center;
  color: var(--brand-color); font-size: 6rem; font-weight: 700;
  background: var(--main-header-bg-color);
}

.partner-slideout-tag-band {
  width: 100%; max-width: 400px; margin: 0 auto;
  padding: 12px; justify-content: center;
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  background: var(--body-color-strong1);
}

.partner-section { padding: 30px 8px; }
.partner-section + .partner-section { border-top: var(--card-border); }
.partner-section > h3 { margin: 0 0 15px; }

.partner-metric-strip-section { padding-top: 24px; padding-bottom: 24px; }
.partner-metric-strip {
  display: flex; justify-content: space-around; text-align: center;
}
.partner-metric { flex: 1; }
.partner-metric .num {
  display: block; color: var(--brand-color); font-size: 3rem; font-weight: 700;
}
.partner-metric .lbl { color: var(--body-color); font-size: 12px; }

.partner-slideout-actions {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end;
  padding: 20px 8px 0; border-top: var(--card-border);
}
.partner-slideout-actions .hidden { display: none; }

.partner-slideout-iframe {
  display: none; flex: 1; width: 100%; min-height: 600px; border: 0;
}

@media (max-width: 640px) {
  .partner-section { padding: 24px 0; }
  .partner-slideout-hero .overlay { padding: 20px; }
  .partner-section .details-list label { flex-basis: 70px; }
  .partner-section .details-list span { min-width: 0; overflow-wrap: anywhere; }
}