/* =============================================================================
   DACC New Theme — Faculty / Staff Detail
   Pass 35
   ============================================================================= */
@import url("../components/profile-detail-family.css");

.faculty-detail__hero {
  position: relative;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 3rem);
  border-radius: var(--profile-new-panel-radius);
  background:
    radial-gradient(circle at 88% 15%, color-mix(in srgb, var(--color-gold) 22%, transparent), transparent 18rem),
    linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  box-shadow: 7px 7px 0 color-mix(in srgb, var(--color-primary-dark) 22%, var(--color-border));
}

.faculty-detail__type { color: var(--color-gold); }
.faculty-detail__hero h1,
.faculty-detail__hero .faculty-detail__pronouns,
.faculty-detail__hero .faculty-detail__summary { color: var(--color-white); }
.faculty-detail__hero .faculty-detail__title { color: var(--color-gold); }
.faculty-detail__image { border: 0.3rem solid var(--color-gold); border-radius: var(--profile-new-panel-radius); }

.faculty-detail__toc,
.faculty-detail__highlight-card,
.faculty-detail__resource,
.faculty-detail__contact-panel {
  border-color: var(--profile-new-border-blue);
  border-radius: var(--profile-new-panel-radius);
  background: var(--color-white);
  box-shadow: var(--profile-new-panel-shadow);
}

.faculty-detail__toc { border-block-start: 0.3rem solid var(--color-gold); }
.faculty-detail__sidebar-heading { color: var(--color-primary-dark); }
.faculty-detail__contact-grid dt { color: var(--color-primary-dark); }
.faculty-detail__section h3,
.faculty-detail__portfolio-card--resource h3 { color: var(--color-primary-dark); }

.faculty-detail__profile-link,
.faculty-detail__portfolio-resource-action {
  background: var(--color-primary-dark);
  color: var(--color-white);
}

.faculty-detail__profile-link:hover,
.faculty-detail__profile-link:focus,
.faculty-detail__portfolio-resource-action:hover,
.faculty-detail__portfolio-resource-action:focus {
  background: var(--color-gold);
  color: var(--color-text);
}

.faculty-detail__quote {
  border-radius: var(--profile-new-panel-radius);
  background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  color: var(--color-white);
  box-shadow: var(--profile-new-panel-shadow);
}

@media (max-width: 699px) {
  .faculty-detail__hero { padding: var(--space-xl); box-shadow: 5px 5px 0 color-mix(in srgb, var(--color-primary-dark) 18%, var(--color-border)); }
}