/* =======================================================
 * Bouton flottant "changer de langue" (site public)
 * Place en bas a gauche pour ne pas entrer en collision avec le bouton flottant
 * "Activer la licence" (bas a droite, voir style.css .btn-activate-top en mode mobile).
 * ======================================================= */
.tsa-lang-fab {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  cursor: pointer;
  padding: 0;
  /* Le fichier images/langues_icone.png (drapeaux) prend le dessus s'il est present ;
     sinon le degrade Tsakus sert de repli visuel. */
  background-image: url('../../images/translate.png'), linear-gradient(135deg, #0066FF, #00A0FF);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 8px 24px rgba(0, 102, 255, .35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.tsa-lang-fab:hover {
  transform: scale(1.08);
  box-shadow: 0 10px 28px rgba(0, 102, 255, .45);
}
.tsa-lang-fab i {
  font-size: 15px;
  color: #fff;
  background: rgba(11, 16, 30, .55);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -2px;
  right: -2px;
  border: 2px solid #fff;
}

.tsa-lang-choix {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  transition: border-color .15s, background .15s;
  text-align: left;
}
.tsa-lang-choix:hover { border-color: #0066FF; background: #f5f9ff; }
.tsa-lang-choix.is-active { border-color: #0066FF; background: #eff6ff; }
.tsa-lang-choix .tsa-lang-drapeau { font-size: 22px; }
.tsa-lang-choix .tsa-lang-drapeau-img { width: 26px; height: 18px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.tsa-lang-choix .tsa-lang-check { margin-left: auto; color: #0066FF; }

@media (max-width: 991.98px) {
  .tsa-lang-fab { left: 16px; bottom: 16px; width: 50px; height: 50px; }
}