/* WPAS native Glass tab bar, scoped to website navigation. */
/* Compact header controls share the existing 44px Glass button size. */
:root{--wg-control-height:48px}
.wg header>.button.small{min-height:var(--wg-control-height)}
.platform-tab-host{--wg-panel-radius:calc(var(--wg-control-height)/2);--f7-toolbar-height:var(--wg-control-height);--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-bottom:0px;flex:1;max-width:560px;min-width:0;margin-left:auto;font-family:var(--wg-font)}
.wg .platform-tabs.toolbar{position:relative;display:block;width:100%;height:var(--wg-control-height);min-height:0;padding:0;margin:0;border:0;border-radius:var(--wg-panel-radius);background:transparent;gap:0;box-shadow:none;transform:translateZ(0);isolation:isolate;z-index:1}
.platform-tabs.toolbar::before,.platform-tabs.toolbar::after{display:none}
.platform-tabs .toolbar-inner{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:stretch;padding:0;z-index:1}
.platform-tabs .toolbar-pane.f7-nav-pane{position:relative;isolation:isolate;width:100%;height:100%;display:flex;gap:0;align-items:stretch;padding:0;border:0;border-radius:var(--wg-panel-radius);--f7-touch-highlight-bg-color:transparent;scale:none!important;background:rgb(220 235 255 / 3%);box-shadow:inset 0 0 0 1px #c9d9ff4d,var(--wg-shadow);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15)}
.wg .platform-tabs .f7-nav-pane>.tab-link{isolation:isolate;position:relative;z-index:2;flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:4px 12px;border:0;border-radius:0;background:none!important;box-shadow:none;color:#b4ccd9;font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap;text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.platform-tabs .f7-nav-pane>.tab-link+.tab-link::before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:linear-gradient(transparent,#a4d3e55c,transparent)}
.wg .platform-tabs .f7-nav-pane>.tab-link-active{color:#83f4fa}
.platform-tabs .f7-nav-pane>.tab-link-highlight{position:absolute;z-index:1;top:0;bottom:auto;left:0;height:100%;border:0;border-radius:inherit;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;transition-duration:300ms;transition-timing-function:ease}
.platform-tabs .f7-nav-pane>.tab-link-highlight::before,.platform-tabs .f7-nav-pane>.tab-link-highlight::after{content:"";position:absolute;inset:4px;padding:0;border-radius:calc(var(--wg-panel-radius) - 4px);mask:none;-webkit-mask:none;border:1px solid;border-color:var(--wg-primary-border);background:var(--wg-primary);box-shadow:var(--wg-primary-shadow);backdrop-filter:var(--wg-blur);-webkit-backdrop-filter:var(--wg-blur);transition-duration:300ms}
.platform-tabs .tab-link-highlight::after{opacity:0}.platform-tabs .tab-link-highlight-pressed::before{opacity:0}.platform-tabs .tab-link-highlight-pressed::after{opacity:1}
.platform-tabs .f7-nav-pane>.tab-link-highlight-pressed::before,.platform-tabs .f7-nav-pane>.tab-link-highlight-pressed::after{scale:1.04 1.06}
.platform-tabs .tab-link-highlight[hidden]{display:none!important}
.wg .platform-tabs .tab-link:hover{color:#edf7fc}.wg .platform-tabs .tab-link:focus-visible{outline:2px solid #b2f8ff;outline-offset:-5px;border-radius:var(--wg-panel-radius)}.wg .platform-tabs .tab-link:active{color:#c4fbff}
.platform-tabs .f7-glass-sheen{position:absolute;inset:4px;z-index:3;border-radius:calc(var(--wg-panel-radius) - 4px);pointer-events:none;background:linear-gradient(105deg,transparent 33%,rgb(228 238 255 / .18) 49%,transparent 65%);background-size:240% 100%;background-repeat:no-repeat;animation:wg-sheen 1400ms ease-in-out both}
@media(max-width:1100px) and (min-width:761px){.platform-tab-host{max-width:480px}.wg .platform-tabs .f7-nav-pane>.tab-link{padding-inline:8px;font-size:13px}}
@media(max-width:760px){.wg header{padding-top:14px;padding-bottom:14px;gap:12px}.wg .platform-tabs .f7-nav-pane>.tab-link{padding:4px 3px;font-size:12px;gap:5px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.platform-tabs .tab-link-highlight,.platform-tabs .tab-link-highlight::before,.platform-tabs .tab-link-highlight::after{transition-duration:0ms!important}.platform-tabs .f7-glass-sheen{display:none;animation:none}}