/* ============================================================
   Atlungstad – søk («Hva vil du vite?»). Redesign 22.09.2026: dialog + svarpanel
   i samme uttrykk som /banestatus/ (Playfair til overskrift, Inter ellers,
   mørkegrønt, kremhvitt, tynne linjer, ingen fargede bokser).
   ============================================================ */
:root { --sok-gronn: #1b3a2a; --sok-gronn-lys: #285f47; --sok-lys: #83a846; --sok-krem: #f7f5ef; --sok-linje: #e4e2da; --sok-graa: #6b6f66; --sok-tekst: #22302a; }
/* «Hva vil du vite?»-knappen (22.09.2026: hovedmenyens viktigste handling – fylt mørkegrønn, ikon + pil) */
#top #header .av-main-nav > li#atl-spor-li > a, #top .av-main-nav > li#atl-spor-li > a, .atl-spor-knapp { display: inline-flex !important; align-items: center; gap: 9px; background: #1b3a2a !important; color: #fff !important; border: 1px solid #1b3a2a !important; border-radius: 6px !important; padding: 0 16px 0 14px !important; height: 40px !important; line-height: 38px !important; font-weight: 600; font-size: 14.5px !important; letter-spacing: 0; text-decoration: none !important; white-space: nowrap; box-sizing: border-box; box-shadow: none; transition: background .15s, box-shadow .15s; }
#top #header .av-main-nav > li#atl-spor-li > a:hover, #top .av-main-nav > li#atl-spor-li > a:hover, .atl-spor-knapp:hover { background: #285f47 !important; color: #fff !important; }
#top .av-main-nav > li#atl-spor-li > a:focus-visible, .atl-spor-knapp:focus-visible { outline: 2px solid #83a846; outline-offset: 2px; }
.atl-spor-ikon { display: inline-block; vertical-align: middle; flex: 0 0 auto; }
#top .av-main-nav > li#atl-spor-li > a .atl-spor-ikon, #top .av-main-nav > li#atl-spor-li > a .atl-spor-ikon circle, #top .av-main-nav > li#atl-spor-li > a .atl-spor-ikon line { stroke: #fff !important; fill: none !important; } /* Enfolds mobil-CSS setter ellers mørk stroke på svg i menyen */
.atl-spor-pil { color: #cfe3d6; font-weight: 400; transition: transform .15s; }
.atl-spor-knapp:hover .atl-spor-pil { transform: translateX(3px); }
#atl-spor-li { display: flex !important; align-items: center; margin-left: 14px; }
#top #header .av-main-nav > li#atl-spor-li > a .avia-menu-fx { display: none; }
#menu-item-search { display: none !important; }
#top .menu-item-search-dropdown, #top a.avia-svg-icon[aria-label="Søk"] { display: none !important; }
/* Burger-modus (< 1200 px, jf. Quick CSS): knappen ligger til venstre for burgeren, alltid synlig */
@media only screen and (max-width: 1199px) {
  #top .av-main-nav > li#atl-spor-li { display: flex !important; position: absolute !important; right: 64px; top: 0; bottom: 0; height: auto !important; margin: 0 !important; align-items: center; width: auto !important; z-index: 2; }
  #top .av-main-nav > li#atl-spor-li > a { height: 38px !important; line-height: 36px !important; padding: 0 14px 0 12px !important; font-size: 14px !important; width: auto !important; }
}
@media only screen and (max-width: 989px) { #top .av-main-nav > li#atl-spor-li { right: 66px; } }
/* Smal mobil: bare ikonet (teksten ligger i aria-label) */
@media only screen and (max-width: 479px) { .atl-spor-tekst, .atl-spor-pil { display: none; } #top .av-main-nav > li#atl-spor-li > a { padding: 0 12px !important; height: 40px !important; gap: 0; } #top .av-main-nav > li#atl-spor-li > a .atl-spor-ikon { width: 19px; height: 19px; } }
/* Dialogen */
#atl-panel { position: fixed; inset: 0; z-index: 100000; background: rgba(18, 41, 29, .62); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); display: flex; align-items: flex-start; justify-content: center; padding: 7vh 20px max(20px, env(safe-area-inset-bottom)); box-sizing: border-box; animation: atl-fade .18s ease-out; }
#atl-panel[hidden] { display: none; }
body.atl-panel-open { overflow: hidden; }
.atl-panel-inner { position: relative; width: 100%; max-width: 800px; max-height: 86vh; max-height: 86dvh; overflow-y: auto; overscroll-behavior: contain; background: #fff; border-radius: 8px; padding: 32px 40px 28px; box-shadow: 0 24px 70px rgba(10, 28, 19, .35); box-sizing: border-box; font-family: 'Inter', -apple-system, sans-serif; color: var(--sok-tekst); animation: atl-rise .22s ease-out; }
@keyframes atl-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes atl-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #atl-panel, .atl-panel-inner { animation: none; } }
.atl-panel-hode { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0 0 18px; }
#top .atl-panel-tittel, .atl-panel-tittel { margin: 4px 0 0 !important; font-family: 'Playfair Display', Georgia, serif !important; font-size: 30px !important; font-weight: 600; line-height: 1.15; color: var(--sok-gronn) !important; letter-spacing: -.01em; }
.atl-panel-lukk { flex: 0 0 40px; width: 40px; height: 40px; margin: -4px -8px 0 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; border-radius: 50%; color: var(--sok-graa); cursor: pointer; transition: background .15s, color .15s; }
.atl-panel-lukk:hover, .atl-panel-lukk:focus-visible { background: var(--sok-krem); color: var(--sok-gronn); outline: none; }
.atl-panel-form { position: relative; display: block; margin: 0; }
.atl-panel-ikon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--sok-graa); pointer-events: none; display: inline-flex; }
#top #atl-panel-input, #atl-panel-input { width: 100%; box-sizing: border-box; margin: 0; padding: 15px 18px 15px 50px; min-height: 56px; font-family: inherit; font-size: 18px; color: var(--sok-tekst); background: #fff; border: 1px solid #c9cfc9; border-radius: 6px; box-shadow: none; -webkit-appearance: none; appearance: none; transition: border-color .15s, box-shadow .15s; }
#top #atl-panel-input:focus, #atl-panel-input:focus { outline: none; border-color: var(--sok-gronn); box-shadow: 0 0 0 3px rgba(27, 58, 42, .12); }
#atl-panel-input::-webkit-search-cancel-button { -webkit-appearance: none; }
#atl-panel-input::placeholder { color: #9aa09a; }
.atl-panel-hint { margin: 10px 0 0; font-size: 14px; color: var(--sok-graa); }
#atl-panel.atl-har-svar .atl-panel-hint { display: none; }
.atl-panel-tom { margin: 22px 0 0; font-size: 15px; color: var(--sok-graa); }
#atl-panel-ut { margin-top: 26px; }
#atl-panel-ut.atl-laster { opacity: .5; transition: opacity .15s; }
#atl-panel-ut.atl-laster::before { content: "Søker …"; display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--sok-graa); margin: 0 0 10px; }
/* Seksjonsmerker */
.atl-treff-tittel, .atl-svar-merke, .atl-svar-kilde-merke { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sok-graa); }
.atl-treff-tittel { margin: 0 0 4px; }
/* Populære spørsmål – rader m/ tynne linjer og pil */
.atl-mest-liste, .atl-treff-liste { list-style: none; margin: 0; padding: 0; }
#top .atl-mest-liste li, #top .atl-treff-liste li { margin: 0; padding: 0; list-style: none; }
.atl-mest-knapp { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 14px 4px; background: transparent; border: 0; border-bottom: 1px solid var(--sok-linje); border-radius: 0; font-family: inherit; font-size: 17px; text-align: left; color: var(--sok-tekst); cursor: pointer; transition: color .15s, padding-left .15s; }
.atl-mest-knapp:hover, .atl-mest-knapp:focus-visible { color: var(--sok-gronn); padding-left: 8px; outline: none; }
.atl-mest-knapp:hover .atl-pil, .atl-mest-knapp:focus-visible .atl-pil { transform: translateX(4px); color: var(--sok-gronn); }
.atl-pil { display: inline-block; color: var(--sok-lys); font-weight: 400; transition: transform .15s, color .15s; margin-left: 8px; }
/* Svaret – typografisk panel, ingen farget boks */
.atl-svar { margin: 0; padding: 0 0 22px; border-bottom: 1px solid var(--sok-linje); }
.atl-svar-merke { display: block; margin: 0 0 8px; }
#top .atl-svar-tekst, .atl-svar-tekst { margin: 0; max-width: 62ch; font-size: 18px; line-height: 1.6; color: var(--sok-tekst); }
#top .atl-svar-tekst a, .atl-svar-tekst a { color: var(--sok-gronn); text-decoration: underline; text-underline-offset: 3px; }
.atl-svar-handling-rad { margin: 18px 0 0 !important; }
#top .atl-svar-handling, .atl-svar-handling { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 4px; background: var(--sok-gronn); color: #fff !important; font-size: 15px; font-weight: 600; text-decoration: none !important; transition: background .15s, transform .15s; }
#top .atl-svar-handling:hover, .atl-svar-handling:hover, .atl-svar-handling:focus-visible { background: var(--sok-gronn-lys); color: #fff !important; outline: none; }
.atl-svar-handling:focus-visible { box-shadow: 0 0 0 3px rgba(27, 58, 42, .25); }
.atl-svar-handling .atl-pil { color: #cfe3d6; margin: 0; }
.atl-svar-kilde { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 18px 0 0; font-size: 14px; }
#top .atl-svar-kilde a, .atl-svar-kilde a { color: var(--sok-gronn); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #b9c9be; }
#top .atl-svar-kilde a:hover, .atl-svar-kilde a:hover { text-decoration-color: var(--sok-gronn); }
/* Relevante sider */
.atl-treff { margin-top: 24px; }
.atl-svar + .atl-treff { margin-top: 22px; }
#top .atl-treff-rad, .atl-treff-rad { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 4px; border-bottom: 1px solid var(--sok-linje); text-decoration: none !important; color: var(--sok-tekst) !important; transition: padding-left .15s; }
.atl-treff-rad:hover, .atl-treff-rad:focus-visible { padding-left: 8px; outline: none; }
.atl-treff-rad:hover .atl-pil, .atl-treff-rad:focus-visible .atl-pil { transform: translateX(4px); color: var(--sok-gronn); }
.atl-treff-tekst { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.atl-treff-rad strong { font-size: 16px; font-weight: 600; color: var(--sok-gronn); }
.atl-treff-rad span span, .atl-treff-tekst > span { font-size: 14px; line-height: 1.45; color: var(--sok-graa); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#top .atl-treff-alle, .atl-treff-alle { display: inline-flex; align-items: center; margin: 14px 0 0; font-size: 14px; font-weight: 600; letter-spacing: .04em; color: var(--sok-gronn) !important; text-decoration: none !important; }
.atl-treff-alle:hover .atl-pil { transform: translateX(4px); }
/* Resultatsiden (/?s=) – samme komponenter */
.atl-sokeside { max-width: 760px; margin: 0 0 40px; }
#top .atl-svar-sporsmal, .atl-svar-sporsmal { margin: 0 0 22px !important; font-family: 'Playfair Display', Georgia, serif !important; font-size: 32px !important; font-weight: 600; line-height: 1.15; color: var(--sok-gronn) !important; }
.atl-svar-fot { margin: 16px 0 0 !important; font-size: 14px !important; color: var(--sok-graa) !important; }
#top .atl-svar-fot a { color: var(--sok-gronn); }
/* Mobil: fullskjerm, søkefeltet øverst, trygge kanter */
@media only screen and (max-width: 640px) {
  #atl-panel { padding: 0; align-items: stretch; }
  .atl-panel-inner { max-width: none; max-height: none; height: 100%; height: 100dvh; border-radius: 0; padding: calc(18px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom)); animation: none; }
  .atl-panel-hode { margin-bottom: 14px; }
  #top .atl-panel-tittel, .atl-panel-tittel { font-size: 24px !important; }
  #top #atl-panel-input, #atl-panel-input { font-size: 16px; min-height: 52px; padding-left: 46px; }
  #atl-panel-ut { margin-top: 20px; }
  .atl-mest-knapp { font-size: 16px; padding: 13px 2px; }
  #top .atl-svar-tekst, .atl-svar-tekst { font-size: 17px; }
  #top .atl-svar-sporsmal, .atl-svar-sporsmal { font-size: 26px !important; }
}