/* =============================================================================
   DACC New Theme — Campus Detail
   Pass 34

   Canonical path:
   /_assets/css/main-theme/new/overrides/templates/campus-detail.css

   The canonical/Foundation Campus stylesheet contains later building-anchor and
   service-accordion repairs absent from Kelsey's prototype. This override keeps
   those functional contracts intact and changes appearance only.
   ============================================================================= */

@import url("../components/detail-family.css");

/* Hero -------------------------------------------------------------------- */

.campus-detail__hero {
  border: 0.15rem solid color-mix(in srgb, var(--color-gold) 42%, transparent);
  background:
    radial-gradient(
      circle at 88% 14%,
      color-mix(in srgb, var(--color-gold) 24%, transparent),
      transparent 24rem
    ),
    linear-gradient(
      135deg,
      var(--color-primary-dark),
      color-mix(in srgb, var(--color-primary) 82%, var(--color-primary-dark))
    );
  box-shadow: 8px 8px 0 color-mix(in srgb, var(--color-primary-dark) 24%, var(--color-border));
}

.campus-detail__eyebrow {
  background: var(--color-gold);
  color: var(--color-text);
}

.campus-detail__media {
  border-inline-start: 0.35rem solid var(--color-gold);
}

/* Page navigation --------------------------------------------------------- */

.campus-detail__toc {
  border-color: var(--detail-new-border-blue);
  background: var(--color-white);
}

.campus-detail__toc h2 {
  color: var(--color-primary-dark);
}

.campus-detail__toc a {
  color: var(--color-primary-dark);
}

.campus-detail__toc a:hover,
.campus-detail__toc a:focus {
  color: var(--color-accent);
}

/* Sections ---------------------------------------------------------------- */

.campus-detail__section {
  border-block-start-color: color-mix(in srgb, var(--color-primary) 15%, var(--color-border));
}

.campus-detail__section-header {
  position: relative;
  padding-block-end: var(--space-sm);
}

.campus-detail__section-header::after {
  content: "";
  display: block;
  inline-size: clamp(3rem, 8vw, 4.5rem);
  block-size: 0.28rem;
  margin-block-start: var(--space-sm);
  border-radius: var(--radius-pill);
  background: var(--color-gold);
}

.campus-detail__section-action,
.campus-building-card__link {
  background: var(--color-primary-dark);
  color: var(--color-white);
}

.campus-detail__section-action:hover,
.campus-detail__section-action:focus,
.campus-building-card__link:hover,
.campus-building-card__link:focus {
  background: var(--color-gold);
  color: var(--color-text);
}

/* Information / direction cards ----------------------------------------- */

.campus-detail__info-card,
.campus-detail__direction-card {
  border-color: var(--detail-new-border-blue);
  background: var(--color-white);
}

.campus-detail__info-card {
  border-block-start: 0.3rem solid var(--color-gold);
}

.campus-detail__info-card h3,
.campus-detail__direction-card h3 {
  color: var(--color-primary-dark);
}

.campus-detail__info-card a {
  color: var(--color-primary-dark);
}

.campus-detail__note {
  border-inline-start-color: var(--color-gold);
  background: var(--detail-new-soft-gold);
}

.campus-detail__map {
  border: 0.25rem solid var(--color-gold);
  border-radius: var(--detail-new-panel-radius);
  box-shadow: var(--detail-new-panel-shadow);
}

/* Buildings --------------------------------------------------------------- */

.campus-building-card {
  border-color: transparent;
  background: var(--color-white);
}

.campus-building-card:hover,
.campus-building-card:focus-within {
  border-color: var(--color-gold);
  box-shadow: 8px 8px 0 var(--color-border);
}

.campus-building-card__body h3,
.campus-building-card__hours h4 {
  color: var(--color-primary-dark);
}

.campus-building-card__acronym {
  background: var(--color-gold);
  color: var(--color-text);
}

/* Services — retain Foundation details/indicator behavior ---------------- */

.campus-service {
  border-color: var(--detail-new-border-blue);
  background: var(--color-white);
}

.campus-service__summary {
  color: var(--color-primary-dark);
}

.campus-service__summary:hover,
.campus-service__summary:focus-visible {
  background: var(--detail-new-soft-blue);
}

.campus-service[open] {
  border-block-start: 0.3rem solid var(--color-gold);
}

.campus-service__link {
  color: var(--color-primary-dark);
  font-weight: var(--fw-bold);
}

@media (max-width: 959px) {
  .campus-detail__media {
    border-inline-start: 0;
    border-block-start: 0.35rem solid var(--color-gold);
  }
}