/* Hauteur maîtrisée : rangée basse du gabarit d'authentification sans défilement. */

.foot {
  border-top: 1px solid var(--line);
  background: var(--topbar-bg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  position: relative;
  z-index: 10;
}

.foot__inner {
  width: min(1240px, 92vw);
  margin-inline: auto;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm);
  flex-wrap: wrap;
  font-size: .76rem;
}

.foot__warning {
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Mention d'âge obligatoire : seul élément à contraste plein. */
.foot__warning strong { color: var(--ink); }
.foot__help { color: var(--faint); }

.foot__legal {
  display: flex;
  gap: var(--gap-sm);
  flex-wrap: wrap;
}

.foot__legal a,
.foot__legal button {
  border: 0;
  background: none;
  color: var(--muted);
  cursor: pointer;
  font-size: .76rem;
  padding: 4px 0;
  transition: color var(--dur) var(--ease);
}

.foot__legal .foot__legal-all { display: none; }

.foot__legal a:hover,
.foot__legal button:hover {
  color: var(--emerald);
}

@media (max-width: 720px) {
  .foot__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
    padding: 6px 0 0;
    font-size: var(--fs-xs);
  }

  .foot__warning { justify-content: center; column-gap: 6px; row-gap: 0; }
  .foot__legal { gap: 10px; justify-content: center; }
  .foot__legal a, .foot__legal button { font-size: var(--fs-xs); padding: 2px 0; }
}

/* Mobile, ou hauteur rare (paysage) : un seul lien ouvre la modale et ses onglets. */
@media (max-width: 720px), (max-height: 600px) {
  .foot__legal a { display: none; }
  .foot__legal .foot__legal-all { display: inline-flex; align-items: center; min-height: 44px; }
}

@media (max-height: 600px) {
  .foot__inner { padding: 8px 0; }
}

/* Connexion mobile seulement : la mention reste sur desktop et sur chaque page applicative. */
@media (max-width: 720px) {
  .page-login .foot__help { display: none; }
}