/**
 * IKO Lingo — côté site.
 *
 * Sélecteur de langue et neutralisation de
 * l’interface du moteur de traduction.
 */

/* ================================================================ *
 * Le sélecteur a quitté ce fichier en 0.13.0
 *
 * Son balisage historique — `.iko-lingo-switcher` — est retiré au profit de
 * la famille `.iko-lingo-sw`, qui sert les trois widgets et le code court.
 * Garder deux balisages qui font la même chose est exactement ce que le
 * modèle de balisage a été créé pour éviter.
 *
 * Voir assets/css/lingo-switcher.css, chargé seulement si un sélecteur est
 * réellement rendu.
 * ================================================================ */

/* ================================================================ *
 * Neutralisation de l'interface du moteur
 *
 * Le widget de traduction impose sa propre couche visuelle : bandeau qui
 * pousse la page vers le bas, roue de chargement, surlignage bleu du texte
 * traduit et bulle « Évaluez cette traduction » au survol. Rien de tout cela
 * n'est configurable côté API — le widget ne prend que la langue et le mode
 * d'affichage. La seule prise est la feuille de style.
 *
 * Les sélecteurs sont doublés : Google a renommé ses classes en identifiants
 * obfusqués sans retirer les anciennes, et les deux jeux coexistent selon les
 * versions servies. C'est aussi la démonstration de la fragilité annoncée au
 * §7 : cette liste devra être vérifiée à chaque incident de rendu.
 * ================================================================ */

body {
	top: 0 !important;
	position: static !important;
}

.skiptranslate iframe,
iframe.skiptranslate,
.goog-te-banner-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd {
	display: none !important;
}

/* La roue de chargement, en haut à gauche pendant la traduction. */
.goog-te-spinner-pos,
.goog-te-spinner,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO {
	display: none !important;
}

/* La bulle « Texte d'origine / Évaluez cette traduction » au survol. */
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover,
.VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-yAWNEb-hvhgNd {
	display: none !important;
	visibility: hidden !important;
}

/* Le surlignage bleu posé sur les segments traduits au survol. */
.goog-text-highlight,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
	background: none !important;
	box-shadow: none !important;
}

/* ================================================================ *
 * L'îlot du glossaire (1.0.3, revu en 1.0.5)
 *
 * `display: contents` : l'îlot ne produit aucune boîte, son texte appartient
 * au texte de son parent. Constat du 21/09 sur alioki.fr, en FRANÇAIS : dans
 * un lien UAEL en `display:flex`, « Hôtels, Chambres d'hôtes, <iko-t>Gîtes »
 * s'affichait « …d'hôtes,Gîtes ». Un îlot qui fait boîte devient un élément
 * flex, le texte qui le précède un élément anonyme distinct, et le blanc
 * final de celui-ci est supprimé au rendu. Aucune réparation JavaScript ne
 * tournant en langue source, seule une règle de rendu pouvait le corriger.
 *
 * Sans boîte, l'îlot ne peut porter ni marge, ni bordure, ni fond : le plugin
 * ne lui en donne aucun, et c'est voulu — l'îlot doit rester invisible.
 * Remplace `display: inline` (1.0.4), qui ne suffisait pas dans un flex.
 * ================================================================ */

iko-t {
	display: contents;
}

#iko-lingo-engine {
	display: none;
}

/* 1.0.6 — Miroir des listes de termes : lu par le moteur, jamais vu. */
.iko-lingo-mirror {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	pointer-events: none !important;
}
