/* SkrivSikkert contact shell v1.0.0 — immutable opt-in reference. */
:root {
  --ss-paper:#FAF7F3;
  --ss-paper-strong:#FFFEFB;
  --ss-ink:#25221E;
  --ss-copy:#736F68;
  --ss-sage:#5E7A6E;
  --ss-sage-deep:#365E50;
  --ss-forest:#23342F;
  --ss-line:rgba(58,47,38,.11);
  --ss-focus:rgba(74,122,104,.34);
}

.ss-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.ss-contact-header{position:relative;z-index:1080;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:32px max(112px,calc((100% - 1240px)/2 + 36px)) 0;color:var(--ss-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ss-contact-header__link{color:#5B5D58;font-size:14px;font-weight:500;line-height:17px;letter-spacing:.1px;text-decoration:none;white-space:nowrap}
.ss-contact-header:not(.ss-contact-header--floating) .ss-contact-header__link:hover,.ss-contact-header__link.is-active{color:#131313;text-decoration:none}
.ss-contact-header__link.is-active{font-weight:600}
.ss-contact-header--floating .ss-contact-header__link:hover{color:#131313;text-decoration:underline;text-underline-offset:4px}
.ss-contact-header:not(.ss-contact-header--floating) a.ss-contact-header__login{padding:7px 16px;border:1px solid rgba(19,19,19,.16);border-radius:999px}
.ss-contact-header:not(.ss-contact-header--floating) a.ss-contact-header__login:hover{background:rgba(255,255,255,.55);color:#131313}
.ss-contact-header__divider{width:1px;height:18px;flex:0 0 auto;background:rgba(58,47,38,.10)}
.ss-contact-header__cta{display:inline-flex;min-height:36px;align-items:center;padding:0 16px;border-radius:999px;background:var(--ss-sage);color:#fff;font-size:13.5px;font-weight:750;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(74,122,104,.14)}
.ss-contact-header__cta:hover{background:#4A6B5E}
.ss-contact-header :is(a,button):focus-visible{outline:3px solid var(--ss-focus);outline-offset:3px}

.ss-contact-menu{position:relative;display:inline-flex;align-items:center}
.ss-contact-menu__trigger{appearance:none;display:inline-flex;align-items:center;gap:5px;padding:5px 2px;border:0;background:transparent;color:#5B5D58;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:1;white-space:nowrap}
.ss-contact-menu__trigger:hover{color:#131313;text-decoration:underline;text-underline-offset:4px}
.ss-contact-menu__trigger svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.ss-contact-menu__trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.ss-contact-menu__panel[hidden]{display:none}
.ss-contact-menu__panel{position:absolute;z-index:1200;top:calc(100% + 11px);right:-8px;display:grid;width:156px;gap:2px;padding:8px;border:1px solid rgba(212,199,184,.48);border-radius:14px;background:var(--ss-paper-strong);box-shadow:0 12px 34px rgba(58,47,38,.13)}
.ss-contact-menu__panel a{display:flex;min-height:38px;align-items:center;padding:8px 11px;border-radius:9px;color:#3A2F26;font-size:13.5px;font-weight:550;text-decoration:none}
.ss-contact-menu__panel a:hover,.ss-contact-menu__panel a:focus-visible{background:#F4F1EB;color:var(--ss-sage-deep);outline:none}
.ss-contact-menu__panel a:focus-visible{box-shadow:inset 0 0 0 2px rgba(74,122,104,.38)}

.ss-contact-language{appearance:none;display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:#5B5D58;cursor:pointer;font:inherit;font-size:14px;font-weight:550;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}
.ss-contact-language:hover,.ss-contact-language[aria-expanded="true"]{background:rgba(74,122,104,.08);color:var(--ss-sage-deep)}
.ss-contact-language__globe{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ss-contact-language__chevron{width:10px;height:10px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.ss-contact-language[aria-expanded="true"] .ss-contact-language__chevron{transform:rotate(180deg)}

.ss-contact-header--floating{position:fixed;z-index:1090;top:16px;right:16px;left:auto;width:max-content;max-width:calc(100vw - 32px);min-height:56px;gap:22px;padding:7px 10px 7px 18px;border:1px solid var(--ss-line);border-radius:18px;background:rgba(250,247,243,.93);box-shadow:0 12px 34px rgba(53,47,42,.10);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}
.ss-contact-header--floating[hidden]{display:none}
.ss-contact-header--floating.is-visible{opacity:1;transform:translateY(0)}
.ss-contact-header--floating .ss-contact-header__link,.ss-contact-header--floating .ss-contact-menu__trigger{font-size:13.5px;font-weight:650}
.ss-contact-header--floating .ss-contact-language{min-height:32px;padding-inline:5px;font-size:13px;font-weight:650}
body.ss-contact-shell .ss-contact-header.ss-contact-header--floating .ss-contact-header__cta{min-height:40px;padding:0 17px;font-weight:800;box-shadow:0 5px 14px rgba(74,122,104,.18)}

.ss-contact-footer{display:grid;justify-items:center;gap:11px;margin:0;padding:25px 22px 30px;border-top:1px solid rgba(255,255,255,.11);background:var(--ss-forest);text-align:center;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ss-contact-footer__links{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.ss-contact-footer__links a{padding:5px 3px;border-radius:6px;color:rgba(255,255,255,.78);font-size:12.5px;font-weight:550;text-decoration:none}
.ss-contact-footer__links a:hover{color:#fff}
.ss-contact-footer__links a:focus-visible{outline:2px solid #A6CBBB;outline-offset:2px}
.ss-contact-footer__links span{color:rgba(255,255,255,.28)}
.ss-contact-footer p{margin:0;color:rgba(255,255,255,.48);font-size:11.5px}

/* Stable public rail treatment. Base geometry remains owned by bb-sidebar.css. */
body.ss-contact-shell nav#bb-sidebar.sidebar::before{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(252,248,244,.92));border-color:rgba(255,255,255,.86);box-shadow:0 26px 62px rgba(60,50,42,.13),0 6px 18px rgba(60,50,42,.07),inset 0 1px 0 rgba(255,255,255,.98)}
body.ss-contact-shell nav#bb-sidebar :is(.sidebar-ai,.sidebar-icon){color:#827A72}
body.ss-contact-shell nav#bb-sidebar :is(.sidebar-ai,.sidebar-icon):hover{color:#3F554D}
body.ss-contact-shell:is(.priser-page,.om-os-page) nav#bb-sidebar :is(.sidebar-ai,.sidebar-icon):is(:hover,:focus-visible)::after{background:linear-gradient(180deg,rgba(110,138,126,.15),rgba(110,138,126,.08));opacity:1;box-shadow:0 8px 18px rgba(63,85,77,.10),inset 0 1px 0 rgba(255,255,255,.72)}
body.ss-contact-shell .app-layout.has-bb-sidebar>.sidebar-home-logo{position:absolute}
body.ss-contact-shell.ss-contact-lang-open .bb-lang-flyout.open{left:var(--ss-contact-lang-left)!important;right:auto!important;top:var(--ss-contact-lang-top)!important;width:176px!important;z-index:1200}

[data-theme="dark"] .ss-contact-header{color:#F3EFE9}
[data-theme="dark"] .ss-contact-header__link,[data-theme="dark"] .ss-contact-menu__trigger,[data-theme="dark"] .ss-contact-language{color:#C5BFB7}
[data-theme="dark"] .ss-contact-header__link:hover,[data-theme="dark"] .ss-contact-menu__trigger:hover,[data-theme="dark"] .ss-contact-language:hover{color:#fff}
[data-theme="dark"] .ss-contact-header:not(.ss-contact-header--floating) a.ss-contact-header__login{border-color:rgba(255,255,255,.18)}
[data-theme="dark"] .ss-contact-header:not(.ss-contact-header--floating) a.ss-contact-header__login:hover{background:rgba(255,255,255,.06);color:#E7E5E4}
[data-theme="dark"] .ss-contact-header__divider{background:rgba(255,255,255,.12)}
[data-theme="dark"] .ss-contact-header--floating{border-color:rgba(255,255,255,.12);background:rgba(35,32,28,.93);box-shadow:0 12px 34px rgba(0,0,0,.24)}
[data-theme="dark"] .ss-contact-menu__panel{border-color:rgba(255,255,255,.12);background:#24211E;box-shadow:0 12px 34px rgba(0,0,0,.30)}
[data-theme="dark"] .ss-contact-menu__panel a{color:#E8E2DA}
[data-theme="dark"] .ss-contact-menu__panel a:hover,[data-theme="dark"] .ss-contact-menu__panel a:focus-visible{background:rgba(255,255,255,.07);color:#fff}
[data-theme="dark"] body.ss-contact-shell nav#bb-sidebar.sidebar::before{background:linear-gradient(180deg,rgba(44,40,35,.95),rgba(34,30,26,.92));border-color:rgba(255,255,255,.10);box-shadow:0 26px 62px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12)}
[data-theme="dark"] body.ss-contact-shell nav#bb-sidebar :is(.sidebar-ai,.sidebar-icon){color:#B8B2AA}
[data-theme="dark"] body.ss-contact-shell:is(.priser-page,.om-os-page) nav#bb-sidebar :is(.sidebar-ai,.sidebar-icon):is(:hover,:focus-visible)::after{background:linear-gradient(180deg,rgba(166,203,187,.18),rgba(166,203,187,.10));box-shadow:0 8px 18px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)}

@media(max-width:1050px){.ss-contact-header{gap:16px}.ss-contact-header--floating{right:14px;max-width:calc(100vw - 28px)}.ss-contact-header__link{font-size:13px}.ss-contact-header__cta{padding-inline:14px;font-size:13px}}
@media(max-width:767px){.ss-contact-header{display:none!important}}
@media(max-height:559px){.ss-contact-header--floating{display:none!important}}
@media(max-width:560px){.ss-contact-footer{padding:23px 18px 27px}.ss-contact-footer__links{gap:7px}.ss-contact-footer__links a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ss-contact-header--floating,.ss-contact-menu__trigger svg,.ss-contact-language,.ss-contact-language__chevron{transition:none}}
