/* 1. Container styling (same as legal-container) */
.sitemap-container {
  max-width: 800px;
  margin: 3rem auto;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  animation: fadeIn 0.8s ease-out;
}

/* 2. Keep 10% indent but inside the container */
.sitemap-lang {
  margin-left: 10%;
}

/* 3. Remove bullets and reset padding/margin */
.sitemap-list,
.sitemap-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Base link styles for transform & hover */
.sitemap-list a {
  display: inline-block;
  color: var(--dark-blue);
  text-decoration: none;
  transition: color 0.3s, transform 0.3s ease;
  line-height: 2.8;           /* more vertical spacing */
}

/* Main menu */
.sitemap-list li.main > a {
  font-size: 1.4rem;
  font-weight: bold;
}
.sitemap-list li.main > a:hover {
  color: #297cc0;
  transform: translateX(6px);
}

/* Sub-menu */
.sitemap-list li.sub > a {
  font-size: 1.1rem;
  padding-left: 1.6rem;       /* space for the dash */
  position: relative;
}
.sitemap-list li.sub > a::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--dark-blue);
}
.sitemap-list li.sub > a:hover {
  color: #297cc0;
  transform: translateX(4px);
}

/* Optional: if you want the dash to change color on hover too */
.sitemap-list li.sub > a:hover::before {
  color: #297cc0;
}