/* jaspayaja v26 — flag language picker + premium-app logo marquee (jp-i18n.js) */
header [role="group"][aria-label="Language"]{display:none!important}
#jpl-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 60%,transparent);color:var(--foreground);font:700 12px/1 var(--font-sans,system-ui);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
#jpl-btn:hover{border-color:color-mix(in oklab,var(--foreground) 25%,transparent)}
#jpl-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.jpl-flag{width:21px;height:14px;flex:none;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18);overflow:hidden}
.jpl-chev{opacity:.6;transition:transform .15s ease}
#jpl-btn[aria-expanded="true"] .jpl-chev{transform:rotate(180deg)}
#jpl-menu{position:fixed;z-index:95;width:210px;padding:6px;border-radius:12px;border:1px solid var(--border);background:var(--popover,var(--card));color:var(--foreground);box-shadow:0 24px 60px -24px rgba(0,0,0,.55);animation:jpl-in .16s cubic-bezier(.2,.8,.2,1) both}
@keyframes jpl-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.jpl-item{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:background-color .12s ease}
.jpl-item:hover{background:color-mix(in oklab,var(--foreground) 7%,transparent)}
.jpl-item.on{background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}
.jpl-item.on::after{content:"✓";margin-left:auto;font-weight:800}
@media (max-width:440px){#jpl-btn .jpl-code{display:none}#jpl-btn{padding:0 7px;gap:4px}}

/* marquee: logos instead of brand names */
[data-testid="brand-marquee"]:has(#jpl-logos) > div:not(#jpl-logos){display:none!important}
[data-testid="brand-marquee"]:has(#jpl-logos){padding-top:14px!important;padding-bottom:14px!important}
#jpl-logos{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.jpl-track{display:flex;width:max-content;gap:18px;animation:jpl-scroll 38s linear infinite}
#jpl-logos:hover .jpl-track{animation-play-state:paused}
.jpl-logo{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 8px 20px -12px rgba(0,0,0,.6);transition:transform .2s ease}
.jpl-logo:hover{transform:translateY(-3px) scale(1.06)}
.jpl-logo svg{width:28px;height:28px}
html:not(.dark) .jpl-logo{box-shadow:0 0 0 1px #e2e8f0,0 8px 20px -14px rgba(15,23,42,.35)}
@keyframes jpl-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
@media (prefers-reduced-motion:reduce){.jpl-track{animation:none}}

/* v27 — tablet header: the desktop nav + language + bell + account do not fit below 1200px, so the
   compact (hamburger) menu takes over the nav links until there is room for everything on one row */
@media (min-width:768px) and (max-width:1199px){
  #root > div > header nav{display:none}
  #root > div > header [data-testid="mobile-menu-button"]{display:inline-flex}
}