﻿/* Sellevate multilingual language selector */
#svLangSwitch{position:fixed;right:18px;bottom:18px;top:auto;z-index:99990;font-family:"Segoe UI",Arial,Helvetica,sans-serif}
#svLangSwitch .sv-lang-btn{height:36px;min-width:76px;padding:0 11px;border:1px solid rgba(12,33,26,.14);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 7px 25px rgba(6,28,20,.12);color:#0c211a;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
#svLangSwitch .sv-lang-btn:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);opacity:.65}
#svLangSwitch .sv-lang-menu{display:none;position:absolute;right:0;bottom:42px;top:auto;width:154px;padding:6px;border:1px solid rgba(12,33,26,.12);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(6,28,20,.16)}
#svLangSwitch.is-open .sv-lang-menu{display:block}
#svLangSwitch .sv-lang-option{width:100%;min-height:36px;border:0;border-radius:8px;background:transparent;color:#33483f;text-align:left;padding:0 10px;font-size:11px;cursor:pointer}
#svLangSwitch .sv-lang-option:hover,#svLangSwitch .sv-lang-option.is-active{background:#edf7f2;color:#0b6f50;font-weight:700}

/* Modern Sellevate topbar placement.
   Desktop: Language | status pill | support
   Mobile:  Language | support (status pill is already hidden by the page CSS) */
.sv-topbar .sv-top-actions #svLangSwitch,
.sv-topbar .sv-lang-top-cluster #svLangSwitch{
 position:relative;right:auto;bottom:auto;top:auto;left:auto;z-index:95;flex:0 0 auto
}
.sv-topbar .sv-top-actions #svLangSwitch .sv-lang-btn,
.sv-topbar .sv-lang-top-cluster #svLangSwitch .sv-lang-btn{
 height:38px;min-width:68px;padding:0 10px;border-color:#dce5df;border-radius:10px;background:rgba(255,255,255,.88);box-shadow:none;font-size:10px
}
.sv-topbar .sv-top-actions #svLangSwitch .sv-lang-menu,
.sv-topbar .sv-lang-top-cluster #svLangSwitch .sv-lang-menu{
 top:calc(100% + 7px);bottom:auto;right:0
}
.sv-lang-top-cluster{display:flex;align-items:center;gap:10px;flex:0 0 auto}

@media(max-width:980px){
 #svLangSwitch{right:12px;bottom:78px;top:auto}
 #svLangSwitch .sv-lang-btn{height:34px;min-width:66px;padding:0 9px;background:rgba(255,255,255,.98)}
 #svLangSwitch .sv-lang-menu{bottom:40px;top:auto}
 .sv-topbar .sv-top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
 .sv-topbar .sv-top-actions #svLangSwitch,
 .sv-topbar .sv-lang-top-cluster #svLangSwitch{right:auto;bottom:auto;top:auto}
 .sv-topbar .sv-top-actions #svLangSwitch .sv-lang-btn,
 .sv-topbar .sv-lang-top-cluster #svLangSwitch .sv-lang-btn{height:38px;min-width:58px;padding:0 9px;font-size:10px;background:#fff}
 .sv-topbar .sv-top-actions #svLangSwitch .sv-lang-menu,
 .sv-topbar .sv-lang-top-cluster #svLangSwitch .sv-lang-menu{top:calc(100% + 7px);bottom:auto;right:0;width:148px}
 .sv-lang-top-cluster{gap:8px}
}
@media(max-width:480px){
 #svLangSwitch{right:10px;bottom:82px;top:auto}
 #svLangSwitch .sv-lang-btn{min-width:58px;height:32px;font-size:10px}
 #svLangSwitch .sv-lang-menu{bottom:38px;top:auto;width:142px}
 .sv-topbar .sv-top-actions #svLangSwitch .sv-lang-btn,
 .sv-topbar .sv-lang-top-cluster #svLangSwitch .sv-lang-btn{height:38px;min-width:54px;padding:0 8px;font-size:10px}
 .sv-topbar .sv-top-actions #svLangSwitch .sv-lang-menu,
 .sv-topbar .sv-lang-top-cluster #svLangSwitch .sv-lang-menu{top:calc(100% + 6px);bottom:auto;width:142px}
}
