/* public/browser-check.css */ /* Stile base per il contenitore dell'alert. Di default è nascosto. */ .legacy-alert-ui { display: none !important; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; background-color: #09090b; color: #fafafa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; text-align: center; padding: 24px; } .legacy-alert-icon { background-color: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 50%; margin-bottom: 24px; border: 1px solid rgba(255, 255, 255, 0.1); } .legacy-alert-title { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -0.5px; } .legacy-alert-desc { margin-top: 16px; color: #a1a1aa; max-width: 420px; line-height: 1.6; font-size: 16px; } /* * ATTIVAZIONE DEL FALLBACK * Se lo script browser-check.js aggiunge la classe 'is-legacy-browser' al tag , * invertiamo le visibilità. */ html.is-legacy-browser .legacy-alert-ui { display: flex !important; } html.is-legacy-browser #root { display: none !important; } /* * LINGUE * Di default nascondiamo i testi non italiani, a meno che non ci sia una classe specifica. * Qui assumiamo che l'HTML contenga i testi in varie lingue con classi specifiche. */ .lang-content { display: none; } html:not([lang="en"]):not([lang="es"]) .lang-it { display: block; } html[lang="en"] .lang-en { display: block; } html[lang="es"] .lang-es { display: block; }