/* components/footer.css — GlitchZone · footer compatto unificato (Step 2.3 → 3 zone, 25 giu)
   ------------------------------------------------------------------
   UN footer solo su tutte le pagine. Layout a 3 ZONE (modellato sul footer di
   Tech-Zone): SINISTRA = copyright/identità · CENTRO = nota affiliati · DESTRA =
   "Dietro il Glitch" + link legali (placeholder finché non esistono).
   Tutte le scritte hanno la STESSA resa (muted, 0.8rem); i link diventano verdi
   all'hover. Dipendenza: gz-base. Caricato SEMPRE. Firewall: zero riferimenti a techzone.
   (I fallback nei var() sono inerti: gz-base definisce sempre i token.) */

.site-footer-compact {
    background: var(--surface, #111118);
    border-top: 1px solid var(--border, #2a2a3a);
    padding: 22px 24px;
    font-size: 0.8rem;
    color: var(--text-muted-strong, #888);
}
.site-footer-compact .footer-c-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;     /* 3 zone: sx copyright · centro affiliati · dx link */
    gap: 12px 28px;
    flex-wrap: wrap;
    line-height: 1.6;
}
.site-footer-compact .footer-c-copy,
.site-footer-compact .footer-c-aff {
    margin: 0;
    color: var(--text-muted-strong, #888);   /* stessa resa per tutte le scritte del footer */
}
.site-footer-compact .footer-c-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
}

/* Link del footer: muted a riposo, verde neon all'hover (underline solo all'hover) */
.site-footer-compact a {
    color: var(--text-muted-strong, #888);
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}
.site-footer-compact a:hover {
    color: var(--primary, #00ff88);
    text-decoration: underline;
    text-decoration-color: var(--primary, #00ff88);
    text-shadow: 0 0 10px var(--primary-glow, rgba(0,255,136,0.4));
}
/* Pagine non ancora create (Privacy/Cookie/Preferenze): placeholder, da cablare pre-live */
.site-footer-compact a[data-todo] { cursor: not-allowed; }

@media (max-width: 768px) {
    .site-footer-compact .footer-c-inner { flex-direction: column; align-items: flex-start; gap: 10px; text-align: left; }
}
@media (max-width: 640px) {
    .site-footer-compact { padding: 20px; }
}