/*
 * Project & service link text hover - vertical accent colors.
 * Apply arpm-vertical-link--{green|blue|orange} on the <a>; only text color changes on hover.
 */

/* -- Project cards (home, projects index, service highlights) -- */
.home-project-card.arpm-vertical-link--green:hover .home-project-card__title,
.home-project-card.arpm-vertical-link--green:focus-visible .home-project-card__title {
    color: var(--accent-green-text);
}

.home-project-card.arpm-vertical-link--blue:hover .home-project-card__title,
.home-project-card.arpm-vertical-link--blue:focus-visible .home-project-card__title {
    color: var(--accent-blue);
}

.home-project-card.arpm-vertical-link--orange:hover .home-project-card__title,
.home-project-card.arpm-vertical-link--orange:focus-visible .home-project-card__title {
    color: var(--accent-orange);
}

.svc--dark .svc-highlights__grid .home-project-card.arpm-vertical-link--green:hover .home-project-card__title,
.svc--dark .svc-highlights__grid .home-project-card.arpm-vertical-link--green:focus-visible .home-project-card__title {
    color: var(--accent-green-text);
}

.svc--dark .svc-highlights__grid .home-project-card.arpm-vertical-link--blue:hover .home-project-card__title,
.svc--dark .svc-highlights__grid .home-project-card.arpm-vertical-link--blue:focus-visible .home-project-card__title {
    color: var(--accent-blue);
}

.svc--dark .svc-highlights__grid .home-project-card.arpm-vertical-link--orange:hover .home-project-card__title,
.svc--dark .svc-highlights__grid .home-project-card.arpm-vertical-link--orange:focus-visible .home-project-card__title {
    color: var(--accent-orange);
}

/* -- Home services practice rows -- */
.home-practice-row.arpm-vertical-link--green:hover .home-practice-row__title,
.home-practice-row.arpm-vertical-link--green:focus-visible .home-practice-row__title {
    color: var(--accent-green-text);
}

.home-practice-row.arpm-vertical-link--blue:hover .home-practice-row__title,
.home-practice-row.arpm-vertical-link--blue:focus-visible .home-practice-row__title {
    color: var(--accent-blue);
}

.home-practice-row.arpm-vertical-link--orange:hover .home-practice-row__title,
.home-practice-row.arpm-vertical-link--orange:focus-visible .home-practice-row__title {
    color: var(--accent-orange);
}

/* -- Text links (e.g. VIEW ALL SERVICES) -- */
.arpm-text-link.arpm-vertical-link--green:hover,
.arpm-text-link.arpm-vertical-link--green:focus-visible {
    color: var(--accent-green-text);
}

.arpm-text-link.arpm-vertical-link--blue:hover,
.arpm-text-link.arpm-vertical-link--blue:focus-visible {
    color: var(--accent-blue);
}

.arpm-text-link.arpm-vertical-link--orange:hover,
.arpm-text-link.arpm-vertical-link--orange:focus-visible {
    color: var(--accent-orange);
}

/* -- Project detail - back + in-body project links inherit vertical shell -- */
.proj--urban-planning .proj-hero__back a:hover,
.proj--urban-planning .proj-hero__back a:focus-visible,
.proj--urban-planning .proj-body-stream .markdown-body .fig__link a:hover,
.proj--urban-planning .proj-body-stream .markdown-body .fig__link a:focus-visible {
    color: var(--accent-green-text);
}

.proj--architecture .proj-hero__back a:hover,
.proj--architecture .proj-hero__back a:focus-visible,
.proj--architecture .proj-body-stream .markdown-body .fig__link a:hover,
.proj--architecture .proj-body-stream .markdown-body .fig__link a:focus-visible {
    color: var(--accent-blue);
}

.proj--technology .proj-hero__back a:hover,
.proj--technology .proj-hero__back a:focus-visible,
.proj--technology .proj-body-stream .markdown-body .fig__link a:hover,
.proj--technology .proj-body-stream .markdown-body .fig__link a:focus-visible {
    color: var(--accent-orange);
}

/* -- Service offering - sidebar explore-project links -- */
.svc--urban-planning .svc-sidebar-figure__link a:hover,
.svc--urban-planning .svc-sidebar-figure__link a:focus-visible {
    color: var(--accent-green-text);
}

.svc--architecture .svc-sidebar-figure__link a:hover,
.svc--architecture .svc-sidebar-figure__link a:focus-visible {
    color: var(--accent-blue);
}

.svc--technology .svc-sidebar-figure__link a:hover,
.svc--technology .svc-sidebar-figure__link a:focus-visible,
.svc--dark .svc-sidebar-figure__link a:hover,
.svc--dark .svc-sidebar-figure__link a:focus-visible {
    color: var(--accent-orange);
}

.svc--technology .svc-hero__back-link:hover,
.svc--technology .svc-hero__back-link:focus-visible,
.svc--dark .svc-hero__back-link:hover,
.svc--dark .svc-hero__back-link:focus-visible {
    color: var(--accent-orange);
}