/* =============================================================================
   DACC New Theme — Faculty / Staff Listing
   Pass 36
   ============================================================================= */
@import url("../components/listing-family.css");

.faculty-listing__hero {
  border-radius: var(--listing-new-radius);
  background:
    radial-gradient(circle at 91% 14%, color-mix(in srgb, var(--color-gold) 30%, transparent), transparent 25rem),
    linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  box-shadow: var(--listing-new-shadow);
}
.faculty-listing__eyebrow { color: var(--color-gold); }
.faculty-listing__title,
.faculty-listing__intro { color: var(--color-white); }

.faculty-listing__tools,
.faculty-listing__advanced-panel,
.faculty-directory__rail-inner {
  border-color: var(--listing-new-border);
  border-radius: var(--listing-new-radius);
  background: var(--color-white);
  box-shadow: var(--listing-new-shadow-soft);
}
.faculty-listing__tools { border-top: .35rem solid var(--color-gold); }
.faculty-listing__search-label,
.faculty-listing__filter-heading { color: var(--color-primary-dark); }
.faculty-listing__search-input,
.faculty-listing__filter-select { border-radius: var(--listing-new-radius-sm); }
.faculty-listing__clear,
.faculty-listing__filter-button,
.faculty-listing__advanced-toggle { border-color: var(--color-primary-dark); color: var(--color-primary-dark); }

.faculty-card,
.faculty-row {
  border-color: var(--listing-new-border);
  border-radius: var(--listing-new-radius);
  background: var(--color-white);
  box-shadow: var(--listing-new-shadow-soft);
}
.faculty-card__visual,
.faculty-row__media { background: var(--listing-new-soft-blue); }
.faculty-card__name,
.faculty-row__name,
.faculty-card__name a,
.faculty-row__name a { color: var(--color-primary-dark); }
/* Profile CTAs are dark-blue buttons. Keep their label contrast self-contained
   so broader link/visited/focus color rules cannot make the text unreadable. */
.faculty-card__cta,
.faculty-card__cta:visited,
.faculty-row__profile-link,
.faculty-row__profile-link:visited {
  color: var(--color-white);
  font-weight: var(--fw-bold);
  text-decoration: none;
}

.faculty-card__cta:hover,
.faculty-card__cta:focus,
.faculty-card__cta:active,
.faculty-row__profile-link:hover,
.faculty-row__profile-link:focus,
.faculty-row__profile-link:active {
  background: var(--color-primary-dark);
  color: var(--color-white);
}

.faculty-card__cta:focus-visible,
.faculty-row__profile-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}
.faculty-row__panel { background: var(--listing-new-soft-blue); }
.faculty-listing__empty,
.faculty-listing__filter-empty { background: var(--listing-new-soft-gold); border-color: color-mix(in srgb, var(--color-gold) 42%, var(--color-border)); }