/*
  Bouton « ✦ Hub » commun aux sous-sites : un simple lien vers ../ qui ramène au hub.

  Choix non évidents :
  - Un seul fichier, servi depuis hub/, lié par chaque sous-site en ../hub/retour.css : même
    rendu partout, et la CSP des sous-sites (style-src 'self') l'autorise sans changement.
  - Pas de police chargée : Inter si le site l'a déjà, sinon la police système.
  - Le hub retient le code pour la session (sessionStorage) : y revenir ne le redemande pas.

  Invariants :
  - À lier AVANT les CSS du sous-site, qui peuvent ainsi déplacer le bouton en redéfinissant
    .hub-return (placement par défaut : en haut, centré).
  - z-index au-dessus des écrans plein cadre des sous-sites (999 pour la surprise de Cosmos).
*/

.hub-return {
  position: fixed;
  top: max(16px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  gap: .45em;
  padding: .55em 1.05em;
  border: 1px solid rgba(255, 213, 158, .45);
  border-radius: 999px;
  background: rgba(11, 16, 38, .6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
  color: #f6f1ff;
  font: 500 .85rem/1 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .04em;
  text-decoration: none;
  text-shadow: none;
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

.hub-return__star { color: #ffd59e; }

.hub-return:hover {
  border-color: rgba(255, 213, 158, .85);
  background: rgba(11, 16, 38, .8);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .3), 0 0 18px rgba(255, 213, 158, .2);
}

.hub-return:focus-visible { outline: 2px solid #ffd59e; outline-offset: 3px; }

/* Variante « en bas à gauche », pour les sites dont le haut est déjà occupé. */
.hub-return--bottom-left {
  top: auto;
  bottom: max(16px, env(safe-area-inset-bottom));
  left: max(16px, env(safe-area-inset-left));
  transform: none;
}