.site-header .shapie-header-language{position:relative;flex:0 0 auto;color:var(--ink,#202124);font-size:13px;line-height:1.3}
.shapie-header-language summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:8px;list-style:none;border:1px solid transparent;border-radius:24px;cursor:pointer;font:inherit;font-weight:700;white-space:nowrap;color:inherit;background:transparent}
.shapie-header-language summary::-webkit-details-marker{display:none}
.shapie-header-language summary::marker{content:""}
.shapie-header-language summary:hover,.shapie-language-disclosure[open]>summary{background:var(--bg-2,#f1efe9);border-color:var(--line,#ddd)}
.shapie-header-language summary:focus-visible,.shapie-header-language a:focus-visible{outline:3px solid var(--lilac,#a877ff);outline-offset:2px}
.shapie-header-language svg{flex-shrink:0;display:block}
.shapie-language-disclosure[open] .shapie-language-chevron{transform:rotate(180deg)}
.site-header .shapie-language-options{position:absolute;top:calc(100% + 8px);right:0;z-index:5;width:186px;max-width:calc(100vw - 32px);padding:6px;margin:0;list-style:none;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--bg,#faf9f6);color:var(--ink,#202124);box-shadow:0 10px 30px #0002}
.site-header .shapie-language-options a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border-radius:7px;color:inherit;font-size:14px;font-weight:600;text-decoration:none}
.site-header .shapie-language-options a:hover,.site-header .shapie-language-options a[aria-current]{background:var(--bg-2,#f1efe9)}
/* The old floating control remains available on layouts without our header. */
body:has(.shapie-header-language) .trp-floating-switcher{display:none!important}
@media(min-width:1200px) and (max-width:1439px){
 .site-header:has(.shapie-header-language) .rail{gap:14px}
 .site-header:has(.shapie-header-language) .primary-nav{gap:2px}
 .site-header:has(.shapie-header-language) .primary-nav a{padding-inline:9px;font-size:14px}
 .site-header:has(.shapie-header-language) .search input{width:132px}
}
/* Leave room for German navigation and six future languages at tablet widths. */
@media(max-width:1199px){
 .site-header:has(.shapie-header-language) .rail{grid-template-columns:auto minmax(0,1fr);gap:12px}
 .site-header:has(.shapie-header-language) .primary-nav,.site-header:has(.shapie-header-language) .tools>.search,.site-header:has(.shapie-header-language) .category-nav{display:none}
 .site-header:has(.shapie-header-language) .tools{gap:4px}
 .site-header:has(.shapie-header-language) .nav-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:14px;padding-inline:14px;min-height:44px}
 .site-header:has(.shapie-header-language) #mobile-menu:not([hidden]){display:block!important}
 .site-header:has(.shapie-header-language) .tools>.switch{min-height:44px}
 .site-header .shapie-header-language summary{position:relative;isolation:isolate;min-width:44px;width:52px;height:44px;min-height:44px;padding:0;gap:4px;border:0;background:transparent;color:var(--bg,#faf9f6)}
 .site-header .shapie-header-language summary::before{content:"";position:absolute;z-index:-1;inset:7px 0;border-radius:999px;background:var(--ink,#202124)}
 html.lights-off .site-header .shapie-header-language summary::before{background:var(--purple,#7139c1)}
 html.lights-off .site-header .shapie-header-language summary{color:var(--ink,#fff)}
 .site-header .shapie-header-language summary:hover::before{filter:brightness(1.15)}
 .site-header .shapie-language-globe{display:none}
 .site-header .shapie-language-options{left:0;right:auto}
}
@media(max-width:420px){
 .site-header:has(.shapie-header-language) .rail{gap:8px}
 .site-header:has(.shapie-header-language) .logo img{width:42px;height:auto}
 .site-header:has(.shapie-header-language) .nav-toggle{padding-inline:12px}
}
@media(max-width:380px){
 .site-header .shapie-header-language summary{width:44px;gap:2px}
 .site-header .shapie-header-language summary::before{inset-inline:1px}
 .site-header:has(.shapie-header-language) .tools{gap:2px}
 .site-header:has(.shapie-header-language) .switch .track{width:42px}
 html.lights-off .site-header:has(.shapie-header-language) .switch .knob{transform:translateX(12px)}
 .site-header:has(.shapie-header-language) .nav-toggle{padding-inline:10px}
}
