/* Autoriser le menu des langues à dépasser du widget de traduction
.widget:has(#google_translate_element) {
    overflow: visible !important;
} */

/* Masquer la barre supérieure Google Translate */
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.goog-te-spinner-pos,
.skiptranslate iframe {
display: none !important;
}

/* Supprimer le décalage de la page*/
html,
body {
top: 0 !important;
}

.goog-te-gadget {
    font-family: arial;
    font-size: 0px !important;
    color: #686868 !important;
    white-space: nowrap;
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
    font-size: 12px;
    font-weight: bold;
    color: #686868;
    text-decoration: none;
    display: none;
}

.goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9od-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf * {
    font-family: arial;
    font-size: 8pt !important;
}

.goog-te-gadget .goog-te-combo {
   margin: 0px 0 !important;
}

.goog-te-combo {
    margin-left: 0px !important;
    margin-right: 0px !important;
    vertical-align: baseline;
    padding-right: 0px !important;
    padding-left: 0px!important;
// border-color: #686868 !important;
}

/**
.goog-te-combo:hover {
border-color: #686868 !important;
}
.goog-te-combo:focus {
border-color: #686868 !important;
}
.goog-te-combo:active {
border-color: #686868 !important;
}
*/

/* Masquer l'indicateur de chargement de Google Translate */
/* Ne fonctionne pas. Remplacé par la class ci-après.
.goog-te-spinner-pos {
    display: none !important;
}
*/
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display: none !important;
}
/* Masquer la fenêtre contextuelle de Google Translate */
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip {
    display: none !important;
    visibility: hidden !important;
}
/* Supprimer la surbrillance au survol du texte traduit */
/* Ne fonctionne pas. Remplacé par la class ci-après.
.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
*/
	.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
		background-color: transparent !important;
		box-shadow: none !important;
		border: none !important;
	}
		
    .jetpack-translate-native-hidden {
        position: absolute !important;
        left: -1000px !important;
        width: 1px !important;
        height: 1px !important;
    }

    .jetpack-translate-custom {
        position: relative;
        display: inline-block;
        font-family: "Comic Neue", sans-serif;
    }

    .jetpack-translate-custom .translate-toggle {
        align-items: right;
        gap: 8px;
		min-width: 150px;
        padding: 10px 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff;
        color: #686868;
        cursor: pointer;
        font-family: "Comic Neue", sans-serif;
		text-align: center;
    }

    .jetpack-translate-custom .translate-flag {
		display: inline-block;
        width: 20px;
        height: 14px;
        object-fit: cover;
        flex-shrink: 0;
    }

    .jetpack-translate-custom .translate-list {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 999999;
        min-width: 200px;
		max-width: min(280px, 90vw);
        max-height: 300px;
        overflow-y: auto;
		overflow-x: hidden;
        margin: 4px 0 0;
        padding-top: 0px;
		padding-left: 0px;
        list-style: none;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 4px 12px #CCCCCC;
    }

    .jetpack-translate-custom .translate-list[hidden] {
        display: none !important;
    }

    .jetpack-translate-custom .translate-list button {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
		box-sizing: border-box;
        padding: 8px 12px;
        border: 0;
        background: #fff;
        color: #686868;
        text-align: left;
        cursor: pointer;
        font-family: "Comic Neue", sans-serif;
		white-space: nowrap;
    }

    .jetpack-translate-custom .translate-list button:hover,
    .jetpack-translate-custom .translate-list button:focus {
        background: #FCFCFC;
    }

.translate-controls {
    display: inline-flex;
//    display: flex;
//    display: inline-grid;
    flex-wrap: wrap;
    justify-content: flex-end;
	margin-right: 10px;
    gap: 3px;
}


.translate-reset {
	position: relative;
    align-items: center;
    gap: 5px;
	min-width: 150px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff !important;
    color: #686868;
    cursor: pointer;
    font-family: "Comic Neue", sans-serif;
	text-align: center;
}

.translate-reset:hover {
    background: #FCFCFC;
	border: 1px solid #ccc;
}

.translate-dropdown {
    position: relative;
}

.translate-search {
    box-sizing: border-box;
    padding: 10px 12px !important;
    border: 1px solid #ccc !important;
    font-size: 14px;
    background: #fff !important;
    color: #686868;
	align-items: center;
//	width: 150px !important;
    border-radius: 4px !important;
    font-family: "Comic Neue", sans-serif;
	text-align: center;
	line-height : 1 !important;
	height: 35px !important;
}

.translate-search:focus {
    outline: 2px solid #CCC;
    outline-offset: 1px;
}

.translate-list li[hidden] {
    display: none !important;
}

.translate-list > .translate-search-item {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 5px;
    background: #fff;
    list-style: none;
}

.translate-list > .translate-search-item .translate-search {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.translate-current-flag {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    vertical-align: middle;
}

.translate-current-flag img {
    display: block;
    width: 24px;
    height: auto;
}