/**
 * TwoTune Web — shared footer link interaction (layout-agnostic).
 * Canonical hover/focus/motion + content-sized hit areas. Do not change footer IA here.
 */
:root {
  --tt-footer-link-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --tt-footer-link-duration: 0.2s;
  --tt-footer-link-hover-shift: translateX(4px);
  --tt-footer-link-focus: rgba(210, 181, 107, 0.92);
}

footer .foot-col,
footer .footer-col,
.site-footer .footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

footer .foot-brand > a,
footer .footer-top > div:first-child > a,
.site-footer .footer-top > div:first-child > a {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
}

footer .foot-col a:not(.foot-link-inactive):not([aria-disabled="true"]),
footer .footer-col a,
.site-footer .footer-col a,
footer .member-footer-links a:not([aria-disabled="true"]),
footer .footer-links a,
.conversations-home footer .foot-col a:not([aria-disabled="true"]),
.people-profile-page footer .foot-col a,
.series-profile-page footer .foot-col a {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  transition:
    color var(--tt-footer-link-duration) var(--tt-footer-link-ease),
    transform var(--tt-footer-link-duration) var(--tt-footer-link-ease),
    opacity var(--tt-footer-link-duration) var(--tt-footer-link-ease);
}

footer .foot-col a:not(.foot-link-inactive):not([aria-disabled="true"]):hover,
footer .footer-col a:hover,
.site-footer .footer-col a:hover,
footer .member-footer-links a:not([aria-disabled="true"]):hover,
footer .footer-links a:hover,
.conversations-home footer .foot-col a:not([aria-disabled="true"]):hover,
.people-profile-page footer .foot-col a:hover,
.series-profile-page footer .foot-col a:hover {
  color: var(--t1, var(--text, #f4efe6));
  opacity: 1;
  transform: var(--tt-footer-link-hover-shift);
}

footer .foot-col a:focus-visible,
footer .footer-col a:focus-visible,
.site-footer .footer-col a:focus-visible,
footer .member-footer-links a:focus-visible,
footer .footer-links a:focus-visible,
.conversations-home footer .foot-col a:focus-visible,
.people-profile-page footer .foot-col a:focus-visible,
.series-profile-page footer .foot-col a:focus-visible {
  outline: 2px solid var(--tt-footer-link-focus);
  outline-offset: 3px;
  border-radius: 4px;
}

footer .foot-col span[aria-disabled="true"],
footer .foot-col .foot-link-inactive,
.conversations-home footer .foot-col span[aria-disabled="true"],
.series-profile-page footer .foot-col span[aria-disabled="true"] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  footer .foot-col a:hover,
  footer .footer-col a:hover,
  .site-footer .footer-col a:hover,
  footer .member-footer-links a:hover,
  footer .footer-links a:hover,
  .conversations-home footer .foot-col a:hover,
  .people-profile-page footer .foot-col a:hover,
  .series-profile-page footer .foot-col a:hover {
    transform: none;
  }
}