/* Pagina del forum sul sito pubblico (/forum/). I componenti del forum vengono da /app/css (app.css, tema, forum.css): qui solo l'intestazione,
   il piede e la scatola dell'accesso. */

.forum-sito { min-height: 100dvh; display: flex; flex-direction: column; background: var(--crema); }
.fs-testata { position: sticky; top: 0; z-index: 30; background: var(--materiale-forte); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--linea); padding-top: env(safe-area-inset-top, 0px); }
.fs-testata__dentro { max-width: 1040px; margin: 0 auto; padding: 10px var(--lato); display: flex; align-items: center; gap: 8px 22px; flex-wrap: wrap; }
.fs-marchio { display: block; flex: none; }
.fs-marchio img { display: block; height: 22px; width: auto; }
.fs-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 16px; margin-left: auto; }
.fs-nav a { color: var(--marrone); font-weight: 600; text-decoration: none; padding: 8px 2px; }
.fs-nav a:hover { text-decoration: underline; }
.fs-principale { flex: 1; width: 100%; max-width: 1040px; margin: 0 auto; padding: 26px var(--lato) 56px; }
.fs-attesa { min-height: 40vh; }
.fs-accesso { max-width: 480px; margin: 5vh auto 0; display: grid; gap: 14px; }
.fs-accesso h1 { font-size: 1.7rem; line-height: 1.15; }
.fs-messaggio { max-width: 560px; margin: 5vh auto 0; display: grid; gap: 12px; }
.fs-azioni { display: flex; gap: 10px; flex-wrap: wrap; }
.fs-piede { border-top: 1px solid var(--linea); background: var(--carta); padding: 22px 0 calc(22px + env(safe-area-inset-bottom, 0px)); }
.fs-piede__dentro { max-width: 1040px; margin: 0 auto; padding: 0 var(--lato); display: grid; gap: 10px; font-size: .86rem; color: var(--inchiostro-2); }
.fs-piede nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.fs-piede a { color: var(--marrone); text-decoration: none; font-weight: 600; }
.fs-piede a:hover { text-decoration: underline; }
.fs-piede p { margin: 0; }
/* l'intestazione di pagina del gestionale lascia posto alla barra in alto: qui non c'è */
.forum-sito .vista { padding-top: 0; }
@media (max-width: 560px) { .fs-nav { margin-left: 0; width: 100%; } }