/* MAIN / PLUS shared public header. Identical in both complete builds. */
body:has(> .sop-site-header){padding-top:76px;scroll-padding-top:90px}
html:has(.sop-site-header){scroll-padding-top:90px}
.sop-site-header.site-header,.sop-site-header.top{box-sizing:border-box;position:fixed!important;inset:0 0 auto 0;z-index:500;width:100%;height:76px;min-height:76px!important;max-width:none;margin:0;padding:10px 5vw!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:24px;background:rgba(7,10,15,.97);border-bottom:1px solid #29333e;backdrop-filter:blur(14px);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.sop-site-header .sop-site-brand{display:inline-flex!important;align-items:center;gap:12px;width:auto!important;min-width:0;flex:0 0 auto;font-size:18px!important;font-weight:800;line-height:1.2!important;letter-spacing:0!important;color:#f3f1ed;text-decoration:none}
.sop-site-header .sop-site-brand img{display:block;width:50px!important;height:50px!important;max-width:none;object-fit:contain;margin:0}
.sop-site-header .sop-site-brand span{display:block!important;white-space:nowrap}
.sop-site-header.sop-site-header .sop-site-nav{display:flex!important;position:static!important;align-items:center;justify-content:flex-end;gap:7px!important;flex-wrap:nowrap!important;margin:0;padding:0!important;overflow:visible!important;background:none;border:0;box-shadow:none;font:inherit}
.sop-site-header.sop-site-header .sop-site-nav .nav-item{display:flex;align-items:center;border:0!important}
.sop-site-header.sop-site-header .sop-site-nav :is(a.navbtn,a.nav-pill,button.nav-pill){box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:38px!important;height:38px;margin:0;padding:0 13px!important;border:1px solid #344253!important;border-radius:8px!important;background:#101720!important;color:#e7edf4;font-family:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;text-decoration:none;white-space:nowrap;cursor:pointer;transform:none!important;box-shadow:none}
.sop-site-header.sop-site-header .sop-site-nav :is(a.navbtn,a.nav-pill,button.nav-pill):hover{background:#192431!important;border-color:#ff762f!important;color:#fff}
.sop-site-header.sop-site-header .sop-site-nav :is(a.navbtn,a.nav-pill,button.nav-pill):focus-visible,.sop-site-header .sop-nav-toggle:focus-visible{outline:2px solid #ff762f;outline-offset:3px}
.sop-site-header.sop-site-header .sop-site-nav :is(.service,.nav-backend){border-color:#70401e!important}
.sop-site-header.sop-site-header .sop-site-nav :is(.active,.sop-menu-orange){color:#ff762f!important}
.sop-site-header.sop-site-header .sop-site-nav .active{background:#251a14!important;border-color:#b95e2d!important}
.sop-site-header.sop-site-header .sop-site-nav .lang-switch{height:38px!important;min-height:38px!important;border-radius:8px!important;font-size:12px!important;margin:0!important}
.sop-site-header.sop-site-header .sop-site-nav .front-lang{padding:0 8px;display:inline-flex;align-items:center;gap:5px;background:#101720;border:1px solid #344253}
.sop-site-header.sop-site-header .sop-site-nav .front-lang a{font-size:12px!important;font-weight:800;line-height:1.2}
.sop-site-header.sop-site-header .sop-site-nav .nav-user{height:38px;min-height:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 10px;margin:0;font-size:12px;line-height:1.2}
.sop-site-header.sop-site-header .sop-site-nav .nav-user small{font-size:9px;line-height:1.2;margin-top:2px}
.sop-site-header.sop-site-header .sop-site-nav .nav-logout{margin:0;padding:0;display:inline-flex}
.sop-site-header .sop-nav-toggle{display:none!important;width:42px;height:40px;min-height:40px;padding:9px;border:1px solid #344253;border-radius:8px;background:#101720;color:#fff;cursor:pointer}
.sop-site-header .sop-nav-toggle span{display:block;height:2px;margin:4px 0;background:#e7edf4;border-radius:2px}
@media(max-width:1100px){
 .sop-site-header.site-header,.sop-site-header.top{gap:14px;padding:10px 5vw!important}
 .sop-site-header .sop-nav-toggle{display:block!important;flex:0 0 auto}
 .sop-site-header.sop-site-header .sop-site-nav{display:none!important;position:absolute!important;top:76px!important;left:0;right:0;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column;align-items:stretch!important;justify-content:flex-start;gap:8px!important;flex-wrap:nowrap!important;padding:16px 5vw 22px!important;border-bottom:1px solid #344253;background:#090d12;box-shadow:0 18px 36px #0008}
 .sop-site-header.sop-site-header .sop-site-nav.open{display:flex!important}
 .sop-site-header.sop-site-header .sop-site-nav .nav-item{display:block!important;width:100%}
 .sop-site-header.sop-site-header .sop-site-nav :is(a.navbtn,a.nav-pill,button.nav-pill){width:100%;min-height:44px!important;height:44px;justify-content:flex-start!important}
 .sop-site-header.sop-site-header .sop-site-nav .front-lang{align-self:flex-start}
 .sop-site-header.sop-site-header .sop-site-nav .nav-user{border:0;padding:8px 0;height:auto}
 .sop-site-header.sop-site-header .sop-site-nav .nav-logout{display:block;width:100%}
 .sop-site-header.sop-site-header .sop-site-nav .submenu{position:static;min-width:0;margin:6px 0 0 14px;padding:6px;background:#0c1219;border:1px solid #29333e;box-shadow:none;display:none!important}
 .sop-site-header.sop-site-header .sop-site-nav .submenu-parent-link{display:block!important}
 .sop-site-header.sop-site-header .sop-site-nav .submenu a{padding:10px 12px;white-space:normal;font-size:12px;font-weight:700}
 .sop-site-header.sop-site-header .sop-site-nav .nav-item.submenu-open>.submenu{display:block!important}
}
@media(max-width:420px){.sop-site-header .sop-site-brand{font-size:16px!important;gap:9px}.sop-site-header .sop-site-brand img{width:46px!important;height:46px!important}}

/* Shared language flag/button and backend navigation appearance. */
.sop-site-header .sop-site-nav a.lang-switch{gap:7px}
.sop-site-header .lang-flag{position:relative;display:inline-block;flex:0 0 auto;width:20px;height:13px;overflow:hidden;border-radius:2px;border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 2px rgba(0,0,0,.35);font-size:0}
.lang-flag--de{background:linear-gradient(to bottom,#111 0 33.333%,#d71920 33.333% 66.666%,#f5c400 66.666% 100%)}
.lang-flag--gb{background:#21468b}
.lang-flag--gb::before,.lang-flag--gb::after{content:"";position:absolute;inset:0}
.lang-flag--gb::before{background:linear-gradient(27deg,transparent 43%,#fff 43% 48%,#cf142b 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(-27deg,transparent 43%,#fff 43% 48%,#cf142b 48% 52%,#fff 52% 57%,transparent 57%)}
.lang-flag--gb::after{background:linear-gradient(to right,transparent 38%,#fff 38% 44%,#cf142b 44% 56%,#fff 56% 62%,transparent 62%),linear-gradient(to bottom,transparent 31%,#fff 31% 39%,#cf142b 39% 61%,#fff 61% 69%,transparent 69%)}
.admin aside.sop-admin-nav>a,.admin aside.sop-admin-nav .admin-lang-switch>a,.top>nav.admin-nav.sop-admin-nav>a,.top>nav.admin-nav.sop-admin-nav .lang-switch>a,.top>nav.admin-nav.sop-admin-nav .nav-logout button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:38px;height:auto;padding:9px 13px!important;border:1px solid #344253!important;border-radius:8px!important;background:#101720!important;color:#e7edf4;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;text-decoration:none;cursor:pointer;transform:none!important;box-shadow:none}
.admin aside.sop-admin-nav>a{display:flex;justify-content:flex-start;margin-bottom:7px}
.admin aside.sop-admin-nav .admin-lang-switch{display:flex;gap:7px}
.top>nav.admin-nav.sop-admin-nav .lang-switch{border:0;background:none;padding:0;gap:5px}
.top>nav.admin-nav.sop-admin-nav .nav-logout{margin:0}
.admin aside.sop-admin-nav a.active,.top>nav.admin-nav.sop-admin-nav a.active{color:#ff762f!important;background:#251a14!important;border-color:#b95e2d!important}
.admin aside.sop-admin-nav a:hover,.top>nav.admin-nav.sop-admin-nav a:hover,.top>nav.admin-nav.sop-admin-nav .nav-logout button:hover,.sop-site-header.sop-site-header .sop-site-nav :is(a.navbtn,a.nav-pill,button.nav-pill):hover,.sop-site-header.sop-site-header .sop-site-nav .submenu a:hover,.sop-site-header .sop-nav-toggle:hover{border-color:#ff762f!important}
.sop-site-header.sop-site-header .sop-site-nav .submenu a{border:1px solid transparent;border-radius:8px}
.admin aside.sop-admin-nav a:focus-visible,.top>nav.admin-nav.sop-admin-nav a:focus-visible,.top>nav.admin-nav.sop-admin-nav button:focus-visible{outline:2px solid #ff762f;outline-offset:3px}