.prot-site-header{display:contents}
.prot-site-brand,.prot-brand-accent{position:fixed;top:12px;left:5vw;z-index:101;font:800 20px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.8px;text-transform:none;color:#fff;text-decoration:none}
.prot-brand-dot{display:inline-block;width:.28em;height:.28em;margin-left:.09em;vertical-align:0;border-radius:50%;background:#ef1428;color:#ef1428;transform:translateY(.24em);animation:prot-brand-blink 4s ease-in-out infinite;text-shadow:0 0 8px #ef142855}
@keyframes prot-brand-blink{0%,100%{opacity:1}50%{opacity:.3}}
.prot-menu-toggle{position:fixed;top:2px;right:calc(5vw - 10px);z-index:101;display:grid;place-items:center;width:44px;height:44px;border:0;padding:10px;border-radius:0;background:transparent;color:#fff;mix-blend-mode:difference;cursor:pointer;appearance:none}
.prot-menu-toggle svg{width:24px;height:24px;display:block}
.prot-site-navigation{position:fixed;right:5vw;top:64px;z-index:105;width:min(320px,90vw);max-height:calc(100dvh - 140px);overflow:auto;border:1px solid #ffffff50;border-radius:22px;padding:20px;background:linear-gradient(135deg,#30302ff5,#111111f5);color:#fff;box-shadow:inset 0 1px 1px #ffffff60,0 14px 40px #0006;font:500 16px/1.5 Arial,sans-serif}
.prot-site-navigation[hidden]{display:none}
.prot-site-navigation ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.prot-site-navigation a{display:block;padding:12px;text-decoration:none;color:inherit;border-radius:10px}
.prot-site-navigation a:hover{background:#ffffff16}
.prot-site-brand:focus-visible,.prot-menu-toggle:focus-visible,.prot-site-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.admin-bar .prot-site-brand,.admin-bar .prot-brand-accent{top:44px}.admin-bar .prot-menu-toggle{top:34px}.admin-bar .prot-site-navigation{top:96px}
body:not(.prot-home)>.ts-content{padding-top:104px}
@media(max-width:782px){.admin-bar .prot-site-brand,.admin-bar .prot-brand-accent{top:58px}.admin-bar .prot-menu-toggle{top:48px}.admin-bar .prot-site-navigation{top:110px}}
@media(prefers-reduced-motion:reduce){.prot-brand-dot{animation:none}}

.prot-wordmark{display:inline-flex;align-items:center;gap:.16em;line-height:1}
.prot-wordmark>.prot-brand-dot{flex:0 0 .28em;margin:0;vertical-align:initial;transform:translateY(.24em)}

/* Separate the red accent from the contrasting wordmark. */
.prot-site-brand{mix-blend-mode:difference}
.prot-brand-accent{pointer-events:none}
.prot-brand-spacer{visibility:hidden}

/* 0.48.45: Uploaded image replaces the text wordmark in the top navigation. */
.prot-site-brand--image{mix-blend-mode:normal;line-height:0}
.prot-custom-logo--header{display:block;width:auto;max-width:min(160px,45vw);height:24px;object-fit:contain;object-position:left center}

/* Keep the same top spacing; only the scroll behaviour changes. */
.prot-header-scroll .prot-site-brand,.prot-header-scroll .prot-brand-accent,.prot-header-scroll .prot-menu-toggle,.prot-header-scroll .prot-site-navigation{position:absolute}

/* Reveal navigation on upward scrolling; preserve keyboard access. */
.prot-header-reveal .prot-site-brand,.prot-header-reveal .prot-brand-accent,.prot-header-reveal .prot-menu-toggle{transition:opacity 1s linear!important}
.prot-header-reveal.prot-header-hidden .prot-site-brand,.prot-header-reveal.prot-header-hidden .prot-brand-accent,.prot-header-reveal.prot-header-hidden .prot-menu-toggle{opacity:0;pointer-events:none}
/* Opacity-only fading stays gentle without spatial movement, including reduced motion. */

/* Keep navigation above transformed/sticky scene layers. */
.prot-site-header .prot-site-brand,.prot-site-header .prot-brand-accent,.prot-site-header .prot-menu-toggle{z-index:10001}
.prot-site-header .prot-site-navigation{z-index:10005}

/* 0.53.45: Ikonmeny som fälls ut nedåt från menyikonen. */
.prot-site-navigation.prot-ico-menu{width:auto;max-height:none;overflow:visible;border:0;border-radius:0;padding:0;background:none;box-shadow:none;left:auto}
.prot-ico-menu ul{display:flex!important;flex-direction:column;align-items:flex-end;gap:10px!important}
.prot-ico-menu li{list-style:none;margin:0;padding:0;transform-origin:calc(100% - 22px) 50%}
.prot-ico-menu a.prot-ico-link{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0!important;background:none!important;border-radius:0;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}
.prot-ico-btn{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:rgba(22,20,20,.72);border:1px solid rgba(255,255,255,.22);box-shadow:0 6px 18px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:background .25s,color .25s,transform .25s}
.prot-ico-label{padding:.42rem .75rem;border-radius:999px;background:rgba(22,20,20,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;text-shadow:none}
.prot-ico-menu a.prot-ico-link:hover .prot-ico-btn,.prot-ico-menu a.prot-ico-link:focus-visible .prot-ico-btn{background:#fff;color:#111;transform:scale(1.06)}
.prot-ico-menu a.prot-ico-link.is-current .prot-ico-btn{background:#fff;color:#111;border-color:#fff}
.prot-ico-menu a.prot-ico-link:focus-visible{outline:none}
.prot-ico-menu a.prot-ico-link:focus-visible .prot-ico-btn{outline:2px solid #fff;outline-offset:3px}
.prot-ico-menu .prot-admin-shortcut .prot-ico-btn{border-style:dashed}
.prot-ico-menu button.prot-ico-link{appearance:none;border:0;background:none!important;margin:0;padding:0!important;font:inherit;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:auto}

/* 0.53.45: svart täckning bakom menyn, och ikonen till vänster om länktexten. */
/* 0.53.45: svart bara i menyns eget område. */
.prot-site-navigation.prot-ico-menu{background:#000!important;border-radius:20px!important;padding:16px 18px 16px 14px!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important}
.prot-ico-menu ul{align-items:flex-start!important}
.prot-ico-menu li{transform-origin:22px 50%!important}
.prot-ico-menu a.prot-ico-link,.prot-ico-menu button.prot-ico-link{justify-content:flex-start!important;gap:14px!important}
.prot-ico-label{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:.42rem 0!important;font-size:15px!important}
.prot-ico-btn{background:#141414!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}

/* 0.53.45: aktuell sida (t.ex. Hem på startsidan) – vit knapp med mörk ikon, så ikonen alltid syns. */
.prot-ico-menu a.prot-ico-link.is-current .prot-ico-btn,
.prot-ico-menu a.prot-ico-link:hover .prot-ico-btn,
.prot-ico-menu a.prot-ico-link:focus-visible .prot-ico-btn{background:#fff!important;color:#111!important;border-color:#fff!important}
.prot-ico-menu a.prot-ico-link.is-current .prot-ico-btn svg,.prot-ico-menu a.prot-ico-link:hover .prot-ico-btn svg{color:#111;stroke:currentColor}