:root{
  --mls-bg:#fff; --mls-fg:#111; --mls-muted:#5b5b5b;
  --mls-shadow:0 10px 30px rgba(0,0,0,.15);
  --mls-radius:16px; --mls-pad:14px;
}

#mls-lang-nudge{
  position:fixed; left:50%; bottom:16px;
  transform:translate(-50%, calc(100% + 16px)); /* start hidden below */
  width:min(40vw, 520px); max-width:92vw;
  background:var(--mls-bg); color:var(--mls-fg);
  border-radius:var(--mls-radius); box-shadow:var(--mls-shadow);
  z-index:999999; opacity:0; overflow:visible;
  transition:transform .35s ease, opacity .35s ease;
}

#mls-lang-nudge.mls-show{ transform:translate(-50%, 0); opacity:1; }
#mls-lang-nudge.mls-hide{ transform:translate(-50%, calc(100% + 16px)); opacity:0; }

#mls-lang-nudge .mls-body{
  display:flex; align-items:center; gap:12px;
  padding:var(--mls-pad) calc(var(--mls-pad) + 8px) var(--mls-pad) var(--mls-pad);
}

#mls-lang-nudge .mls-flag{
  font-size:22px; width:32px; height:32px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; background:#f3f3f3;
}

#mls-lang-nudge .mls-title{ font-weight:600; font-size:14px; line-height: 1.4; font-family: "Raleway", Sans-serif; }
#mls-lang-nudge .mls-sub{ font-size:13px; color:var(--mls-muted); margin-top:2px;font-family: "Cabin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
#mls-lang-nudge .mls-text{ flex:1; min-width:0; }

#mls-lang-nudge .mls-cta{
  border:0; background:var( --e-global-color-accent ); color:#fff; font-weight:600;
  border-radius:10px; padding:10px 14px; cursor:pointer;
  font-family: "Cabin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
#mls-lang-nudge .mls-cta:active{ transform:translateY(1px); }

/* Floating circular close button */
#mls-lang-nudge .mls-close{
  position:absolute; top:-14px; right:-14px; width:36px; height:36px;
  border-radius:9999px; border:1px solid #eaeaea; background:#fff; color:#555;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center;
  cursor:pointer; z-index:2; padding:0;
}
#mls-lang-nudge .mls-close:hover{ background:#f7f7f7; }
#mls-lang-nudge .mls-close:active{ transform:translateY(1px); }

@media (max-width:480px){
  #mls-lang-nudge .mls-close{
    top:-10px; right:-10px; width:32px; height:32px; font-size:20px;
  }
}
@media (max-width:640px){
  #mls-lang-nudge{ width:min(92vw, 520px); }
  #mls-lang-nudge .mls-title{ font-size:13px; }
  #mls-lang-nudge .mls-sub{ font-size:12px; }
  #mls-lang-nudge .mls-cta{ padding:9px 12px; }
}