/* CCN Technologies — translate.css v5 SAFE — ne casse pas le slider */

/* Masquer barre Google Translate */
.goog-te-banner-frame, iframe.goog-te-banner-frame,
.skiptranslate, iframe.skiptranslate,
.goog-te-balloon-frame, #goog-gt-tt,
.goog-tooltip, .goog-text-highlight {
    display:none!important; height:0!important;
    overflow:hidden!important; visibility:hidden!important;
}

/* Body — SEULEMENT top:0 — PAS position:relative (ça casse le slider) */
body { top: 0px !important; }

/* Div Google cachée */
#google_translate_element {
    position:absolute!important; top:-9999px!important; left:-9999px!important;
    width:1px!important; height:1px!important; overflow:hidden!important;
    opacity:0!important; pointer-events:none!important;
}

/* Switcher dans la barre du haut */
.lang-switcher { display:flex; align-items:center; background:rgba(255,255,255,.12); border-radius:20px; padding:3px 6px; border:1px solid rgba(255,255,255,.25); }
.lang-btn { display:flex; align-items:center; justify-content:center; background:transparent; border:none; color:rgba(255,255,255,.75); font-size:12px; font-weight:600; padding:3px 8px; border-radius:14px; cursor:pointer; transition:all .2s; white-space:nowrap; line-height:1.4; }
.lang-btn img { border-radius:2px; box-shadow:0 1px 3px rgba(0,0,0,.3); }
.lang-btn:hover { color:#fff; background:rgba(255,255,255,.18); }
.lang-btn.active { background:#fff; color:#1457E6; font-weight:700; box-shadow:0 2px 6px rgba(0,0,0,.18); }
.lang-sep { color:rgba(255,255,255,.3); font-size:11px; margin:0 2px; user-select:none; }

/* Switcher flottant fixe */


.lang-float-btn { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; border:none; cursor:pointer; font-size:11px; font-weight:700; box-shadow:0 4px 14px rgba(0,0,0,.22); transition:all .2s; flex-direction:column; gap:2px; background:#fff; color:#555; line-height:1; }
.lang-float-btn img { width:22px; height:15px; border-radius:3px; }
.lang-float-btn:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.28); }
.lang-float-btn.active { background:#1457E6; color:#fff; box-shadow:0 4px 16px rgba(20,87,230,.45); }
.lang-float-label { font-size:9px; font-weight:600; color:#888; text-transform:uppercase; letter-spacing:.8px; background:#fff; padding:3px 7px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.12); white-space:nowrap; }

/* back-to-top au-dessus du switcher langue */
.back-to-top { z-index: 9995 !important; bottom: 90px !important; }

/* ══ Switcher langue flottant — centré verticalement côté droit ══ */
#lang-float {
    position: fixed;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    z-index: 9980;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}
#lang-float.visible {
    opacity: 1;
    transform: translateY(-50%);
    pointer-events: auto;
}
/* back-to-top toujours visible au-dessus du switcher */
.back-to-top { z-index: 9995 !important; }