/*
 * Component: Footer Main Menu
 * Description: Navigation links for the footer (Region 1).
 * Refactored from: css/conf/01-layout/06.footer.css
 */

.wsdt-region--footer-one ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wsdt-region--footer-one li {
  margin-bottom: var(--space-sm);
  border-bottom: var(--border-width-sm) solid var(--border-on-dark);
}

.wsdt-region--footer-one a {
  display: block;
  position: relative;
  padding: var(--space-xs) 0;
  overflow: hidden;
  transition: padding-left var(--transition-base), color var(--transition-base);
  text-decoration: none;
  /* color: var(--text-body); */ /* Inherited via link-primary context */
}

/* Disable Text Color Change & Add Slide Effect */
.wsdt-region--footer-one a:hover {
  color: var(--text-on-dark);
  padding-left: var(--space-xs);
}

/* Animated Border (Fill from Left) */
.wsdt-region--footer-one a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--border-width-md);
  background-color: var(--color-secondary);
  /* transform: translateX(-101%); */
  transform: translateX(var(--translate-slide-out));
  transition: transform var(--transition-base);
}

.wsdt-region--footer-one a:hover::after {
  transform: translateX(0);
}