/* Shared FOA Pro production shell. Loaded after the page's head styles. */
:root{--foa-rail-width:196px}

/* Nettstedsskifte FOA <-> FOA Pro. Logoen er den offisielle FOA-ressursen
   som allerede deles fra foa.no; dette oppretter ikke et nytt logo- eller menyskall. */
html.foa-pro-to-foa{overflow:hidden}
html.foa-pro-to-foa body{
  pointer-events:none;
  animation:foa-pro-page-out-right .48s cubic-bezier(.55,.02,.28,1) both
}
html.foa-pro-to-foa::after{
  content:'';position:fixed;inset:0;z-index:2147483647;
  background:#fff url('/images/foa-header/logo-merke.png') no-repeat center/160px auto;
  box-shadow:24px 0 70px rgba(15,24,48,.12);
  animation:foa-site-panel-in .48s cubic-bezier(.55,.02,.28,1) both
}
@keyframes foa-pro-page-out-right{from{transform:translateX(0)}to{transform:translateX(100vw)}}
@keyframes foa-site-panel-in{from{transform:translateX(-100vw)}to{transform:translateX(0)}}

.foa-return-to-site{white-space:nowrap}
header.top .nav .foa-return-to-site{
  padding-right:22px;border-right:1px solid rgba(15,24,48,.14);color:#0f1830
}
header.top .nav .foa-return-to-site:hover{color:#b6942c}
.tb-acct .foa-return-to-site{display:flex;align-items:center;padding:0 14px!important}
.ny-rail a.foa-return-rail{
  color:#f2d36f;border:1px solid rgba(201,162,39,.38);margin-bottom:9px
}
.ny-rail a.foa-return-rail:hover{color:#fff;border-color:rgba(242,211,111,.72)}
.foa-return-arrow{font-size:20px;line-height:1;width:19px;text-align:center;flex:0 0 auto}
.ny-merke img{height:34px;width:auto;display:block}
.ny-merke b{font-size:18px;line-height:1}
.ny-rail.gruppert{z-index:100}
.topplinje,.aichat{left:var(--foa-rail-width);right:0}
.aichat-panel{
  left:calc(var(--foa-rail-width) + 12px);right:12px;
  width:min(720px,calc(100vw - var(--foa-rail-width) - 24px));
  margin-left:auto;margin-right:auto;transform:none
}
.foa-nav-toggle,.foa-nav-backdrop{display:none}
.foa-logout{
  display:block;width:100%;border:0;border-top:1px solid rgba(15,24,48,.12);
  background:#fff;color:#8b2525;padding:11px 13px;text-align:left;
  font:700 12px/1.2 system-ui,-apple-system,sans-serif;cursor:pointer
}
.foa-logout:hover{background:#fff3f3}

@media(prefers-reduced-motion:reduce){
  html.foa-pro-to-foa body,html.foa-pro-to-foa::after{animation:none!important}
}

@media(max-width:760px){
  :root{--foa-rail-width:0px}
  header.top .nav .foa-return-to-site{display:block!important;padding-right:0;border-right:0;font-size:13px}
  body{padding-left:0!important}
  .ny-topp{padding-left:54px!important}
  .foa-nav-toggle{
    display:grid;place-items:center;position:fixed;left:10px;top:8px;z-index:205;
    width:34px;height:34px;border:1px solid rgba(15,24,48,.22);background:#fff;
    color:#0f1830;font-size:21px;line-height:1;cursor:pointer
  }
  .ny-rail{
    display:none!important;position:fixed!important;left:0!important;top:50px!important;
    bottom:0!important;width:min(82vw,280px)!important;padding:14px 10px!important;
    align-items:stretch!important;z-index:200!important;overflow-y:auto!important;
    box-shadow:12px 0 36px rgba(0,0,0,.28)!important
  }
  body.foa-nav-open{overflow:hidden}
  body.foa-nav-open .ny-rail{display:flex!important}
  body.foa-nav-open .foa-nav-backdrop{
    display:block;position:fixed;inset:50px 0 0;z-index:190;
    background:rgba(5,12,26,.48)
  }
  .ny-rail a.gi{width:auto!important;flex-direction:row!important;justify-content:flex-start!important}
  .ny-rail .t2,.ny-rail .gr,.ny-rail a.sub{display:block!important}
  .page,.flate{max-width:100%!important}
}