/* BBG Translate - stili frontend */ /* Nasconde solo il contenitore tecnico del widget di Google (il div vuoto usato per inizializzarlo). La toolbar standard di Google Translate in cima alla pagina resta invece visibile: è lei ad avvisare l'utente che il contenuto è tradotto automaticamente e a permettere di tornare all'originale. IMPORTANTE: non usare "display: none" qui. Se il contenitore del widget è display:none, lo script di Google non riesce a calcolare il layout e resta bloccato per sempre sulla sua icona di caricamento (il problema del piccolo widget "G" che gira all'infinito). Lo spostiamo invece fuori schermo restando "visibile" per il motore di rendering. */ .bbg-translate-hidden { position: absolute !important; top: -9999px !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; } /* Rimuove l'evidenziazione gialla che Google aggiunge al testo tradotto */ .goog-text-highlight { background-color: transparent !important; box-shadow: none !important; } /* Quando la traduzione è attiva, Google Translate sposta tutto il verso il basso (stile inline "top: 40px") per fare spazio alla sua toolbar in cima alla pagina: è quello spazio vuoto/nero che si vede sopra l'header. Lo forziamo a 0 così la pagina non si sposta più: la toolbar di Google resta visibile ma si sovrappone alla cima della pagina invece di spingerla giù (piccola sovrapposizione temporanea, ma niente più spazio vuoto). */ html, body { top: 0 !important; } /* Icona di attivazione (shortcode [bbg_translate]): bandiera UK, riquadro quadrato 32x32px (bordo compreso) con angoli arrotondati al 100%. Usiamo !important sul