/* WP-matched motion / chrome only.
 * Design-ratio “Suggested additions” that are NOT on live Impreza are omitted:
 * no Ken Burns, scroll-progress, metric stagger/hover, page fade, hide-on-scroll,
 * custom scrollbar, logo/band/scroll-cue lift hovers, or LCP veil.
 * Overlay z-index for hero/band lives in styles.css / about.css — do not flatten.
 */

/* ——— Back to top (live Impreza .w-toplink) ———
 * Oracle: 50×50, margin 15px, z-index 99, pos_right.
 * canvasOptions.backToTopDisplay=100 (show after 100px scroll). */
.back-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 99;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    background-color 0.25s ease;
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.back-to-top:hover {
  background: rgba(4, 144, 221, 0.85);
  color: var(--white);
}

.back-to-top span {
  display: block;
  width: 12px;
  height: 12px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg) translateY(3px);
}

/* Footer link color hover exists on WP (.color_footer-bottom a:hover). */
.footer-nav a {
  transition: color 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .back-to-top,
  .back-to-top.is-visible {
    transition: none;
  }

  .footer-nav a {
    transition: none;
  }
}