/* WebGo Phase 3: one official Sofia + slower carousel + compact bars */
:root{
  --wg-phase3-topbar-h:54px;
  --wg-phase3-lang-h:31px;
  --wg-coral:#ff9b45;
  --wg-yellow:#ffd166;
  --wg-mint:#42f2a1;
  --wg-cyan:#38d5ff;
}
body{padding-bottom:var(--wg-phase3-lang-h)!important;}
.topbar{
  min-height:var(--wg-phase3-topbar-h)!important;
  max-height:var(--wg-phase3-topbar-h)!important;
  overflow:visible!important;
}
.topbar-inner{
  min-height:var(--wg-phase3-topbar-h)!important;
  padding:4px 14px!important;
  gap:7px!important;
  align-items:center!important;
}
.brand{gap:7px!important;font-size:12px!important;line-height:1.05!important;}
.logo{width:30px!important;height:30px!important;border-radius:10px!important;font-size:11px!important;}
.nav{gap:5px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;max-height:48px!important;overflow:hidden!important;}
.nav a{
  padding:6px 9px!important;
  font-size:11px!important;
  line-height:1!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.nav a.primary,.nav .primary{padding:7px 12px!important;}
.hero{padding-top:18px!important;padding-bottom:18px!important;}
h1{font-size:clamp(32px,5vw,62px)!important;margin-top:10px!important;margin-bottom:10px!important;}
.lead{font-size:clamp(15px,1.45vw,20px)!important;}
.footer-lang{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:70!important;
  height:var(--wg-phase3-lang-h)!important;
  max-height:var(--wg-phase3-lang-h)!important;
  padding:3px 8px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,var(--wg-coral),var(--wg-yellow),var(--wg-coral))!important;
  border-top:1px solid rgba(0,0,0,.22)!important;
  box-shadow:0 -5px 18px rgba(0,0,0,.24)!important;
}
.footer-lang .lang-track{
  height:25px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  scroll-behavior:smooth!important;
  animation:none!important;
  width:auto!important;
  padding:0 10px!important;
}
.footer-lang .lang-track::-webkit-scrollbar{display:none!important;}
.footer-lang .lang{
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  font-size:10px!important;
  line-height:1!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  background:rgba(5,11,22,.68)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:none!important;
}
.footer-lang .lang.active{
  background:linear-gradient(135deg,var(--wg-cyan),var(--wg-mint))!important;
  color:#03111c!important;
  border-color:rgba(255,255,255,.7)!important;
}
/* Hide old Phase 2 duplicate Sofia if it remains in cached/local pages */
.wg-sofia-launch,.wg-sofia-panel:not(#wgSofiaPanel){display:none!important;}
.wg-sofia-float{bottom:calc(var(--wg-phase3-lang-h) + 10px)!important;right:14px!important;z-index:90!important;}
.wg-sofia-button{width:56px!important;height:56px!important;border-radius:20px!important;font-size:27px!important;}
#wgSofiaPanel{max-height:62vh!important;}
@media(max-width:760px){
  :root{--wg-phase3-topbar-h:48px;--wg-phase3-lang-h:28px;}
  .topbar-inner{padding:3px 8px!important;}
  .brand{font-size:11px!important;min-width:auto!important;}
  .logo{width:28px!important;height:28px!important;}
  .nav a{font-size:10px!important;padding:6px 7px!important;}
  .footer-lang .lang{height:20px!important;font-size:9px!important;padding:0 8px!important;}
  .footer-lang .lang-track{height:22px!important;}
  .wg-sofia-button{width:50px!important;height:50px!important;}
}