/* French version — specific adjustments */

/* Footer has ten links: use balanced CSS columns rather than the 3×3 grid. */
.footer-nav--fr {
  display: block;
  column-count: 3;
  column-gap: 20px;
}

.footer-nav--fr a {
  display: block;
  padding: 8px 15px;
  font-family: var(--font-ui);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.6;
  color: var(--white);
  break-inside: avoid;
}

.footer-nav--fr a:hover {
  color: var(--accent);
}

@media (max-width: 1200px) {
  .main-nav .nav-link {
    font-size: 15px;
    padding: 8px 9px;
  }
}

@media (max-width: 900px) {
  .footer-nav--fr {
    column-count: 3;
    text-align: left;
    max-width: 560px;
    margin-inline: auto;
    padding-inline: 0;
  }

  .footer-nav--fr a {
    padding: 6px 8px;
    font-size: 12px;
  }
}

@media (max-width: 380px) {
  .footer-nav--fr {
    column-count: 2;
  }
}