/* V88 — persistent site-wide language switch */
.vv-lang-switch{
  position:fixed;
  top:12px;
  right:14px;
  z-index:2147483000;
  font-family:Manrope,Inter,Arial,sans-serif;
}

.vv-lang-trigger{
  height:38px;
  min-width:65px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(135,153,210,.18);
  background:rgba(8,12,23,.92);
  color:#eef2ff;
  box-shadow:0 10px 32px rgba(0,0,0,.25);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
}

.vv-lang-globe{
  color:#6f89ff;
  font-size:14px;
}

.vv-lang-trigger strong{
  font-size:10px;
  letter-spacing:.05em;
}

.vv-lang-chevron{
  color:#697792;
  font-size:10px;
  transition:transform .18s ease;
}

.vv-lang-switch.open .vv-lang-chevron{
  transform:rotate(180deg);
}

.vv-lang-menu{
  position:absolute;
  top:45px;
  right:0;
  width:180px;
  padding:6px;
  border:1px solid rgba(135,153,210,.18);
  background:#0a0f1b;
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}

.vv-lang-menu[hidden]{
  display:none!important;
}

.vv-lang-menu button{
  width:100%;
  min-height:39px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 14px;
  align-items:center;
  gap:8px;
  padding:0 9px;
  border:1px solid transparent;
  background:transparent;
  color:#9ba8bd;
  text-align:left;
  cursor:pointer;
}

.vv-lang-menu button:hover{
  background:#11192a;
  color:#fff;
}

.vv-lang-menu button.active{
  border-color:rgba(102,133,255,.17);
  background:rgba(63,91,202,.11);
  color:#fff;
}

.vv-lang-menu button>span{
  color:#6e7d98;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}

.vv-lang-menu button>strong{
  font-size:10px;
}

.vv-lang-menu button>i{
  opacity:0;
  color:#8299ff;
  font-style:normal;
  font-size:10px;
}

.vv-lang-menu button.active>i{
  opacity:1;
}

/* Reserve room in the existing top bars so the language switch never covers actions. */
.site-header .header-right{padding-right:72px}
.vv-admin-actions{padding-right:72px}
.portal-header{padding-right:92px!important}
header>.logout{margin-right:72px!important}

@media(max-width:760px){
  .vv-lang-switch{
    top:10px;
    right:10px;
  }

  .vv-lang-trigger{
    min-width:58px;
    height:36px;
    padding:0 8px;
  }

  .vv-lang-globe{
    display:none;
  }

  .site-header .header-right{padding-right:62px}
  .portal-header{padding-right:72px!important}
  .vv-admin-actions{padding-right:58px}
}

@media(prefers-reduced-motion:reduce){
  .vv-lang-chevron{transition:none}
}


/* V88.1 — language switch flags */
.vv-lang-trigger{
  min-width:74px;
  gap:8px;
}

.vv-lang-trigger-flag{
  font-size:15px;
  line-height:1;
}

.vv-lang-menu button{
  grid-template-columns:26px minmax(0,1fr) 14px;
}

.vv-lang-menu button>.vv-lang-flag{
  font-size:15px;
  line-height:1;
  color:inherit;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:760px){
  .vv-lang-trigger{
    min-width:68px;
  }
}