/* WebGo Package OS compact header, moving language carousel and Sofia assistant */
:root{--wg-coral:#ff8a3d;--wg-yellow:#ffd166;--wg-ink:#04101f}
body{padding-bottom:56px!important;}
.topbar{min-height:52px!important;max-height:1.25in!important;overflow:visible!important;}
.topbar-inner{min-height:52px!important;padding:5px 0!important;gap:8px!important;align-items:center!important;}
.brand{gap:8px!important;font-size:13px!important;line-height:1.05!important;min-width:128px!important;}
.logo{width:32px!important;height:32px!important;border-radius:10px!important;font-size:12px!important;box-shadow:0 0 18px rgba(56,213,255,.22)!important;}
.nav{gap:5px!important;align-items:center!important;max-height:72px!important;overflow:hidden!important;}
.nav a{padding:7px 9px!important;font-size:12px!important;line-height:1!important;border-radius:999px!important;white-space:nowrap!important;}
.nav a.primary{padding:8px 12px!important;}
.hero{padding-top:24px!important;padding-bottom:22px!important;}
h1{font-size:clamp(34px,5.3vw,66px)!important;margin:14px 0 12px!important;letter-spacing:-1.7px!important;}
.lead{font-size:clamp(16px,1.6vw,21px)!important;}
.badge{padding:7px 11px!important;font-size:12px!important;}
.footer-lang{height:50px!important;max-height:1in!important;padding:6px 10px!important;background:linear-gradient(90deg,rgba(255,138,61,.96),rgba(255,209,102,.96),rgba(255,138,61,.96))!important;border-top:1px solid rgba(255,255,255,.28)!important;box-shadow:0 -8px 30px rgba(0,0,0,.28)!important;overflow:hidden!important;}
.lang-track{height:38px!important;display:flex!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;align-items:center!important;scroll-behavior:smooth!important;}
.lang-track::-webkit-scrollbar{display:none!important;}
.lang{padding:7px 12px!important;font-size:12px!important;font-weight:900!important;background:rgba(5,11,22,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;}
.lang.active{background:#fff!important;color:#b44700!important;border-color:#fff!important;}
.wg-sofia-float{position:fixed;right:16px;bottom:68px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:Arial,Helvetica,sans-serif;}
.wg-sofia-button{width:62px;height:62px;border-radius:22px;border:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at 35% 25%,#fff 0 8%,#ffd166 9% 22%,#ff8a3d 35%,#2de3ff 100%);box-shadow:0 14px 38px rgba(0,0,0,.35),0 0 30px rgba(255,209,102,.36);display:grid;place-items:center;cursor:pointer;font-size:30px;}
.wg-sofia-panel{width:min(360px,calc(100vw - 32px));max-height:62vh;overflow:auto;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(150deg,rgba(9,20,38,.98),rgba(13,36,58,.98));box-shadow:0 22px 70px rgba(0,0,0,.44);padding:16px;display:none;}
.wg-sofia-panel.open{display:block;}
.wg-sofia-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.wg-sofia-avatar{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#ff8a3d,#ffd166,#38d5ff);display:grid;place-items:center;font-size:24px;}
.wg-sofia-title{font-weight:900;color:#fff;font-size:18px;}
.wg-sofia-sub{font-size:12px;color:#bfe8ff;margin-top:2px;}
.wg-sofia-text{color:#d8ecff;line-height:1.45;font-size:14px;margin:10px 0 12px;}
.wg-sofia-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.wg-sofia-actions button,.wg-sofia-select{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;padding:10px;font-weight:900;cursor:pointer;}
.wg-sofia-select{width:100%;margin:8px 0;background:rgba(255,255,255,.1);}
.wg-sofia-note{margin-top:10px;padding:10px;border-radius:14px;background:rgba(255,209,102,.12);color:#ffe8a7;font-size:12px;line-height:1.4;}
.wg-tts-mark{outline:2px solid rgba(255,209,102,.65);outline-offset:3px;border-radius:12px;}
@media(max-width:760px){.topbar-inner{width:calc(100% - 16px)!important;}.brand{min-width:92px!important}.nav{gap:4px!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;max-width:calc(100vw - 118px)!important;}.nav a{font-size:11px!important;padding:7px 8px!important}.wg-sofia-float{right:10px;bottom:62px}.wg-sofia-button{width:54px;height:54px;border-radius:18px}.footer-lang{height:48px!important}.lang-track{height:34px!important}.lang{font-size:11px!important;padding:6px 11px!important}}

/* Full language carousel V2: faster motion and mobile-friendly width */
.lang-track{scroll-snap-type:none!important;}
.lang{flex:0 0 auto!important;}
.wg-sofia-select option{color:#111!important;background:#fff!important;}


/* MATEO PHASE 1 FINAL OVERRIDE - 20260705
   Goal: one-inch top bar, half-inch language carousel, faster carousel, phone-friendly. */
html{scroll-padding-top:58px!important;}
body{padding-bottom:40px!important;}
.topbar{height:54px!important;min-height:54px!important;max-height:54px!important;overflow:hidden!important;}
.topbar-inner{height:54px!important;min-height:54px!important;max-height:54px!important;padding:4px 0!important;gap:8px!important;}
.brand{height:44px!important;min-height:44px!important;font-size:12px!important;gap:7px!important;line-height:1!important;}
.logo{width:30px!important;height:30px!important;min-width:30px!important;font-size:11px!important;border-radius:9px!important;}
.nav{height:42px!important;max-height:42px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none!important;}
.nav::-webkit-scrollbar{display:none!important;}
.nav a,.topbar a{height:30px!important;min-height:30px!important;padding:7px 9px!important;font-size:11px!important;line-height:1!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}
.nav a.primary{height:32px!important;padding:8px 11px!important;font-size:11px!important;}
.hero{padding-top:18px!important;padding-bottom:18px!important;}
h1{font-size:clamp(30px,4.8vw,56px)!important;margin:10px 0 10px!important;}
.lead{font-size:clamp(15px,1.4vw,19px)!important;}
.footer-lang{height:34px!important;min-height:34px!important;max-height:34px!important;padding:3px 8px!important;}
.lang-track{height:28px!important;min-height:28px!important;gap:6px!important;}
.lang{height:24px!important;min-height:24px!important;padding:4px 10px!important;font-size:11px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;}
.wg-sofia-float{bottom:46px!important;right:14px!important;}
.wg-sofia-button{width:54px!important;height:54px!important;border-radius:18px!important;font-size:26px!important;}
.wg-sofia-panel{max-height:68vh!important;}
.wg-sofia-chatbox{display:flex;gap:7px;margin-top:10px;align-items:center;}
.wg-sofia-input{flex:1;min-height:38px!important;height:38px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:8px 10px!important;font-size:13px!important;font-weight:700!important;}
.wg-sofia-mic,.wg-sofia-send{width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,var(--wg-coral),var(--wg-yellow));color:#071424;font-weight:900;cursor:pointer;display:grid;place-items:center;}
.wg-sofia-log{margin-top:8px;max-height:96px;overflow:auto;border-radius:12px;background:rgba(255,255,255,.055);padding:8px;color:#d8ecff;font-size:12px;line-height:1.35;}
@media(max-width:860px){.nav{display:flex!important;max-width:calc(100vw - 112px)!important;}.topbar-inner{width:calc(100% - 14px)!important;}.brand span:last-child{max-width:82px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}body{padding-bottom:38px!important}.footer-lang{height:32px!important;min-height:32px!important;max-height:32px!important}.lang-track{height:26px!important}.lang{height:22px!important;font-size:10.5px!important;padding:4px 9px!important}.wg-sofia-float{bottom:42px!important;right:9px!important}.wg-sofia-button{width:48px!important;height:48px!important}.hero{padding-top:14px!important}}