/* Tilpasninger som får NiceGUI og Quasar til å følge site.css. Lastes etter site.css. */

/* Siden ruller som én flate; toppen blir liggende og lenker glir til seksjonen */
html{scroll-padding-top:88px}
@media (min-width:1024px){html{scroll-padding-top:104px}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body,.q-layout,.q-page-container,.q-page{background:var(--flate);color:var(--tekst);font-family:var(--font-sans)}
.nicegui-content{padding:0;gap:0;align-items:stretch}
.topp{position:sticky;top:0;border-bottom:1px solid transparent;transition:border-color .15s}
.topp.rullet{border-bottom-color:var(--linje)}
.mobilmeny .knapp{display:flex;align-items:center}
.sideinnhold{padding-top:var(--avstand-8);padding-bottom:var(--avstand-8)}

/* Quasar-komponenter i dagens sider */
.q-card,.q-card.bg-white,.q-expansion-item.bg-white{background:var(--flate-hevet)!important;color:var(--tekst);border:1px solid var(--linje);border-radius:var(--radius-l);box-shadow:none}
.q-expansion-item.bg-white{border-radius:var(--radius-m)}
.q-expansion-item .q-item{color:var(--tekst)}
.q-expansion-item .q-icon{color:var(--tekst-dempet)}
.q-btn.bg-black{background:var(--handling)!important;color:var(--paa-handling)!important;border-radius:var(--radius-m);font-family:var(--font-sans);font-weight:500;letter-spacing:0}
.text-gray-600{color:var(--tekst-dempet)!important}
.q-img{border-radius:var(--radius-l)}
.nicegui-content .text-5xl,.nicegui-content .text-4xl,.nicegui-content .text-3xl{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}
.nicegui-markdown{color:inherit}
.nicegui-markdown a{color:var(--lenke);text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:5px}
.nicegui-markdown h1,.nicegui-markdown h2,.nicegui-markdown h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--tekst)}
.nicegui-link{color:var(--lenke)}

/* Tekst fra content/ (ui.markdown) i malens komponenter */
.tekst>p{margin:0}
.tekst>p+p{margin-top:var(--avstand-4)}
.prinsipp .tekst{margin-top:var(--avstand-3)}
.hero-tekst .knapprad{margin-top:var(--avstand-8)}
.portrett img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
@media (min-width:1024px){.hero-tekst{max-width:500px}}