/*
 * Arcade Direct interaction contrast contract.
 * Every surface-changing hover, focus-visible or selected state receives an
 * explicit foreground colour and a visible teal keyboard outline.
 */

/* Event Hire light route cards turn navy when interacted with. */
.ad-event-route-rail__item:hover,
.ad-event-route-rail__item:focus-visible {
  background: #081224;
  color: #fff !important;
}

.ad-event-route-rail__item:hover strong,
.ad-event-route-rail__item:focus-visible strong,
.ad-event-route-rail__item:hover b,
.ad-event-route-rail__item:focus-visible b {
  color: #fff !important;
}

.ad-event-route-rail__item:hover small,
.ad-event-route-rail__item:focus-visible small {
  color: #d3e3e3 !important;
}

.ad-event-package-card a:hover,
.ad-event-package-card a:focus-visible {
  background: #081224;
  color: #fff !important;
}

.ad-event-package-card a:hover strong,
.ad-event-package-card a:focus-visible strong,
.ad-event-package-card a:hover em,
.ad-event-package-card a:focus-visible em {
  color: #fff !important;
}

.ad-event-package-card a:hover small,
.ad-event-package-card a:focus-visible small {
  color: #d3e3e3 !important;
}

.ad-event-ways__action:hover,
.ad-event-ways__action:focus-visible,
.ad-event-packages .ad-text-link:hover,
.ad-event-packages .ad-text-link:focus-visible {
  color: #26927a !important;
}

/* Case Studies route and archive cards. */
.ad-case-services__grid a:hover,
.ad-case-services__grid a:focus-visible,
.ad-case-archive-card:hover,
.ad-case-archive-card:focus-within {
  background: #081224;
  color: #fff !important;
}

.ad-case-services__grid a:hover h3,
.ad-case-services__grid a:focus-visible h3,
.ad-case-archive-card:hover h2,
.ad-case-archive-card:focus-within h2 {
  color: #fff !important;
}

.ad-case-services__grid a:hover p,
.ad-case-services__grid a:focus-visible p,
.ad-case-archive-card:hover p,
.ad-case-archive-card:focus-within p {
  color: #d3e3e3 !important;
}

.ad-case-services__grid a:hover span,
.ad-case-services__grid a:focus-visible span,
.ad-case-archive-card:hover .ad-card-link,
.ad-case-archive-card:focus-within .ad-card-link {
  color: #35bb9d !important;
}

/* Brand Activation, Inspiration and Repair route cards. */
.ad-brand-directions a:hover,
.ad-brand-directions a:focus-visible,
.ad-brand-routes a:hover,
.ad-brand-routes a:focus-visible,
.ad-inspiration-archive__card:hover,
.ad-inspiration-archive__card:focus-within,
.ad-repair-service:hover,
.ad-repair-service:focus-within {
  background: #081224;
  color: #fff !important;
}

.ad-brand-directions a:hover h3,
.ad-brand-directions a:focus-visible h3,
.ad-brand-routes a:hover h3,
.ad-brand-routes a:focus-visible h3,
.ad-inspiration-archive__card:hover h2,
.ad-inspiration-archive__card:focus-within h2,
.ad-repair-service:hover h3,
.ad-repair-service:focus-within h3 {
  color: #fff !important;
}

.ad-brand-directions a:hover p,
.ad-brand-directions a:focus-visible p,
.ad-brand-routes a:hover p,
.ad-brand-routes a:focus-visible p,
.ad-inspiration-archive__card:hover p,
.ad-inspiration-archive__card:focus-within p,
.ad-repair-service:hover p,
.ad-repair-service:focus-within p {
  color: #d3e3e3 !important;
}

/* Shared keyboard treatment: a visible state that is not colour-only. */
.ad-main a:focus-visible,
.site-header a:focus-visible,
.site-footer a:focus-visible,
.ad-main button:focus-visible,
.site-header button:focus-visible,
.site-footer button:focus-visible {
  outline: 3px solid #35bb9d !important;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .ad-main a, .ad-main button, .site-header a, .site-header button, .site-footer a, .site-footer button { transition-duration: .01ms !important; }
}