/* Leverandørskallet «FOA Anbud» (3.10.2026, Roberts ja). Den eneste stilen for skallet på de offentlige sidene og
   leverandørsidene. Markupen ligger i templates/_anbud_skall.html. Bare klasser med prefikset as- hører til skallet. */
:root{
  --as-navy:#1b2a4a;
  --as-navy-2:#2b3d63;
  --as-gull:#c9a961;
  --as-linje:#e4e7ec;
  --as-dempet:#5b6576;
}
/* kgv.css gir body plass til den faste pilot-toppen; leverandørskallet ligger i flyten og trenger den ikke. */
body.anbud{background:#f6f7f9;padding-top:0}
body.anbud .page{padding-top:28px}

.as-indre{max-width:1080px;margin:0 auto;padding:0 20px;box-sizing:border-box}

/* Toppfeltet */
.as-topp{background:#fff;border-top:3px solid var(--as-navy);border-bottom:1px solid var(--as-linje);position:relative;z-index:20}
.as-topp .as-indre{display:flex;align-items:center;gap:16px;min-height:64px}
.as-merke{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--as-navy);flex:0 0 auto}
.as-merke img{display:block;height:26px;width:auto}
.as-skille{width:1px;height:26px;background:var(--as-gull)}
.as-navn{font-weight:600;font-size:19px;letter-spacing:.01em;color:var(--as-navy)}
.as-meny{display:flex;align-items:center;gap:4px;margin-left:auto}
.as-meny a:not(.as-knapp){color:#344054;text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;border-radius:6px;position:relative}
.as-meny a:not(.as-knapp):hover{background:#f2f4f7;color:var(--as-navy)}
.as-meny a[aria-current="page"]{color:var(--as-navy);font-weight:600}
.as-meny a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-13px;height:3px;background:var(--as-gull);border-radius:2px}
.as-hvem{color:var(--as-dempet);font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}
.as-loggut{margin:0;display:inline}
.as-knapp{display:inline-block;margin-left:8px;padding:8px 16px;border:1px solid var(--as-navy);border-radius:6px;background:#fff;color:var(--as-navy);font:inherit;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;line-height:1.2}
.as-knapp:hover{background:var(--as-navy);color:#fff}
.as-menyknapp{display:none;margin-left:auto;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--as-linje);border-radius:6px;background:#fff;color:var(--as-navy);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.as-menyknapp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.as-meny a:focus-visible,.as-knapp:focus-visible,.as-menyknapp:focus-visible,.as-merke:focus-visible{outline:2px solid var(--as-navy);outline-offset:2px}

@media (max-width:760px){
  .as-topp .as-indre{flex-wrap:wrap;min-height:56px;padding:0 16px}
  .as-navn{font-size:17px}
  .as-menyknapp{display:inline-flex}
  .as-meny{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;margin:0 0 10px;border-top:1px solid var(--as-linje);padding-top:6px}
  .as-topp.as-aapen .as-meny{display:flex}
  .as-meny a:not(.as-knapp){padding:12px 4px;border-radius:0;border-bottom:1px solid #f2f4f7}
  .as-meny a[aria-current="page"]::after{left:0;right:auto;top:10px;bottom:10px;width:3px;height:auto}
  .as-meny a[aria-current="page"]{padding-left:12px}
  .as-hvem{margin:12px 0 4px;max-width:none}
  .as-knapp{margin:8px 0 4px;text-align:center;width:100%;box-sizing:border-box}
  body.anbud .page{padding-top:18px}
}
@media (scripting:none){.as-meny{display:flex}.as-menyknapp{display:none}}

/* Bunnfeltet */
.as-bunn{background:var(--as-navy);color:#d7dce6;margin-top:56px;font-size:14px;line-height:1.55}
.as-bunn .as-indre{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:32px;padding-top:32px;padding-bottom:36px}
.as-bunn p{margin:0 0 8px}
.as-bunn a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:2px}
.as-bunn a:hover{text-decoration-color:#fff}
.as-bunn-tittel{color:#fff;font-weight:600;font-size:15px;margin-bottom:10px!important;padding-bottom:8px;border-bottom:1px solid rgba(201,169,97,.5)}
@media (max-width:760px){.as-bunn .as-indre{grid-template-columns:1fr;gap:20px;padding:24px 16px 28px}}

/* Sidene «Mine tilbud» og «Hjelp» */
.as-liste{list-style:none;margin:0;padding:0}
.as-liste li{padding:14px 0;border-bottom:1px solid var(--as-linje)}
.as-liste li:last-child{border-bottom:0}
.as-liste .as-tittel{font-weight:600;font-size:16px}
.as-liste .as-meta{color:var(--as-dempet);font-size:14px;margin-top:4px}
.as-merkelapp{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:1px;background:#eef2f7;color:var(--as-navy)}
.as-merkelapp.as-levert{background:#e7f4ec;color:#186b45}
.as-merkelapp.as-ute{background:#f2f4f7;color:#5b6576}
.as-merkelapp.as-avlyst{background:#fbeceb;color:#a32b1e}
.as-hjelp h2{font-size:18px;margin:26px 0 8px;color:var(--as-navy)}
.as-hjelp h2:first-of-type{margin-top:6px}
.as-hjelp p,.as-hjelp li{line-height:1.6}
.as-hjelp ol,.as-hjelp ul{padding-left:22px}

/* Språkvalget Norsk | English (3.10.2026) */
.as-sprak{display:inline-flex;align-items:center;margin-left:10px;padding-left:12px;border-left:1px solid var(--as-linje);font-size:13px;gap:2px}
.as-sprak a,.as-sprak span{padding:4px 6px;border-radius:4px;color:var(--as-dempet);text-decoration:none}
.as-sprak a:hover{background:#f2f4f7;color:var(--as-navy)}
.as-sprak [aria-current]{color:var(--as-navy);font-weight:600}
@media (max-width:760px){.as-sprak{margin:10px 0 0;padding:6px 0 0;border-left:0;border-top:1px solid #f2f4f7}.as-meny .as-sprak a:not(.as-knapp){padding:4px 6px;border-bottom:0;border-radius:4px}}