/* ============================================================
   DiveLog DS — Component: Back Link
   Link "Torna a..." con icona, pattern comune cross-page.
   Usato da: gestione_corsi, gestione_corso_dettaglio,
             storico_corsi e pagine simili.
   Token: --color-primary, --color-text-secondary,
          --font-body-medium, --weight-medium,
          --space-2, --space-4, --motion-fast, --ease-standard
   ============================================================ */

.back-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary);
  text-decoration: none;
  font-size: var(--font-body-medium);
  font-weight: var(--weight-medium);
  margin-bottom: var(--space-4);
  transition: opacity var(--motion-fast) var(--ease-standard);
}

.back-link:hover {
  opacity: 0.8;
}

.back-link:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-small);
}

.back-link .material-symbols-outlined {
  font-size: 1.125rem;
}