/*
 * footer.css — PsyRisso Desktop
 * Grille 2 lignes x 3 colonnes (identité/légal/accès-privé sur la ligne 1,
 * email/ADELI-RPPS/copyright sur la ligne 2).
 * Chargé sur toutes les pages (includes/footer.php).
 * Issu de la maquette validée (Recap_Nouveau_Design_Desktop.md §1.7).
 *
 * Dépend de assets/css/palettes.css (variables --bleu, --dore, --creme) —
 * palettes.css doit être chargé AVANT ce fichier.
 */

.ftr {
  background: var(--bleu);
  color: var(--creme);
}

.ftr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.6rem 2rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas:
    "name  legal prive"
    "email ids   copy";
  row-gap: 0.2rem;
  column-gap: 1.5rem;
  align-items: center;
}

.ftr-name {
  grid-area: name;
  font-family: Georgia, serif;
  font-size: 0.85rem;
  color: var(--dore);
  text-align: left;
}

.ftr-email {
  grid-area: email;
  font-family: Arial, sans-serif;
  font-size: 0.72rem;
  color: #C9D4D0;
  text-align: left;
}

.ftr-contact-email {
  color: inherit;
  text-decoration: none;
}
.ftr-contact-email:hover {
  color: var(--dore);
  text-decoration: underline;
}

.ftr-ids {
  grid-area: ids;
  font-family: Arial, sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.02em;
  color: #9FB3AD;
  justify-self: center;
  /*border-left: 1px solid #4A6960;*/
  /*padding-left: 0.9rem;*/
}

.ftr-legal {
  grid-area: legal;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  justify-self: center;
  white-space: nowrap;
}

.ftr-legal a {
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
  color: #C9D4D0;
  text-decoration: none;
}
.ftr-legal a:hover { color: var(--dore); text-decoration: underline; }

.ftr-legal-sep {
  color: #4A6960;
  font-size: 0.75rem;
}

.ftr-prive-link {
  grid-area: prive;
  justify-self: end;
}

.ftr-prive-link a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: Arial, sans-serif;
  font-size: 0.75rem;
  color: var(--dore);
  text-decoration: none;
  letter-spacing: 0.02em;
}
.ftr-prive-link a:hover { text-decoration: underline; }
.ftr-prive-link svg { width: 11px; height: 11px; flex-shrink: 0; }

.ftr-copy {
  grid-area: copy;
  justify-self: end;
  font-family: Arial, sans-serif;
  font-size: 0.68rem;
  color: #7E9A92;
  letter-spacing: 0.02em;
}

/* Mobile : provisoire, à retravailler quand on attaquera le mobile */
@media (max-width: 720px) {
  .ftr-inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "name"
      "email"
      "ids"
      "legal"
      "prive"
      "copy";
    text-align: center;
    row-gap: 0.5rem;
  }
  .ftr-name, .ftr-email { text-align: center; }
  .ftr-ids { justify-self: center; }
  .ftr-legal, .ftr-prive-link, .ftr-copy { justify-self: center; }
}