/* mobil.css — ALLE mobilregler (≤640px). Lastes med media="(max-width: 640px)" (ADR-0003).
   Grunnfilene er skrevet for PC. Her endres bare det som må endres. Én kommentert del per fil/side. */

/* ---------- grunn.css ---------- */
:root { --nav-h: 64px; }
body { font-size: 16px; }
.lk-wrap { padding-inline: var(--gutter-mobile); }
.lk-main { padding-block: var(--space-5) var(--space-10); }
.lk-section { margin-top: var(--space-10); }
.lk-nav__brand { font-size: 16px; }
.lk-nav__brand img { width: 36px; height: 44px; }
.lk-nav__menu { padding-inline: var(--gutter-mobile); }
.lk-foot__grid { grid-template-columns: 1fr; gap: var(--space-6); }

/* ---------- komponenter.css ---------- */
.lk-btn { width: 100%; }
.lk-nav .lk-btn { width: auto; }
.lk-hero { grid-template-columns: 1fr; gap: 28px; padding: 26px 18px; border-radius: var(--radius-xl); }
.lk-hero__poster { max-width: 280px; }
.lk-news--featured { grid-template-columns: 1fr; }
.lk-news--featured .lk-news__img { aspect-ratio: 16 / 9; min-height: 0; }
.lk-news--featured .lk-news__body { padding: var(--space-4) var(--space-5) var(--space-5); }
.lk-news--featured .lk-news__title { font-size: 22px; }
.lk-grid { grid-template-columns: 1fr; gap: var(--space-4); }
.lk-grid > [class*="lk-span-"] { grid-column: auto; }
.lk-widget { padding: var(--space-4); }
.lk-count__box { min-width: 0; flex: 1; }
.lk-page-head p { font-size: 17px; }
.lk-notice { flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-4); }
.lk-widget__btn { align-self: stretch; }
.lk-gallery--bred { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lk-big { font-size: 52px; }
.lk-hide-mobile { display: none !important; }

/* ---------- legacy.css (sider som ikke er flyttet til nytt design ennå) ---------- */
.main-layout { grid-template-columns: 1fr; padding: 0; gap: var(--space-5); }
.hero-intro { padding: var(--space-5); }
.glitch-text { font-size: 2rem; }

/* ---------- sider/forside.css ---------- */
.lk-home, .lk-side, .lk-news-grid, .lk-compos { grid-template-columns: 1fr; gap: var(--space-4); }
.lk-news-grid .lk-news:nth-child(3) { display: flex; }
.lk-hero__title { font-size: 44px; }
.lk-hero__poster { justify-self: center; max-width: 260px; }
.lk-hero__count { margin-top: var(--space-6); }
.lk-partners { gap: var(--space-2) var(--space-5); }

/* ---------- sider/nyhet.css ---------- */
.lk-news-list { grid-template-columns: 1fr; gap: var(--space-4); }
.lk-article__head h1 { font-size: 32px; }
.lk-article__lead { font-size: 18px; }
.lk-article__img { margin: var(--space-5) calc(-1 * var(--gutter-mobile)); border-radius: 0; border-inline: 0; }
.lk-prose { font-size: 17px; }
.lk-article__nav { grid-template-columns: 1fr; }
.lk-article__nav-eldre { grid-column: auto; text-align: left; }
.lk-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--gutter-mobile)); padding-inline: var(--gutter-mobile); padding-bottom: 4px; }
.lk-chips a { flex: none; }


/* ---------- sider/omoss.css ---------- */
.lk-om__verdier { grid-template-columns: 1fr; gap: var(--space-4); }

/* ---------- sider/program.css ---------- */
.lk-prog__post { grid-template-columns: 1fr; gap: var(--space-2); padding: var(--space-4); }
.lk-prog__tid { display: flex; align-items: baseline; gap: 6px; font-size: 20px; }
.lk-prog__tid small { display: inline; margin: 0; }
.lk-prog__dager { flex-wrap: nowrap; }

/* ---------- komponenter.css: skjema ---------- */
.lk-form__rad { grid-template-columns: 1fr; }
.lk-form .lk-btn { align-self: stretch; }

/* ---------- sider/kontakt.css ---------- */
.lk-kontakt__side { grid-template-columns: 1fr; gap: var(--space-4); }

/* ---------- komponenter.css: arrangementskort ---------- */
.lk-event:not(.lk-event--text) { grid-template-columns: 110px minmax(0, 1fr); }
.lk-event__title { font-size: 19px; }

/* ---------- sider/arrangement.css ---------- */
.lk-arr__tidligere a { flex-direction: column; }

/* ---------- sider/bli-med.css ---------- */
.lk-blimed__oppgaver, .lk-partnerkort { grid-template-columns: 1fr; gap: var(--space-4); }

/* ---------- sider/info.css ---------- */
.lk-info__fakta { gap: var(--space-3); }
.lk-info__fakta .lk-fact { padding: var(--space-4); }
.lk-info__nulliste { grid-template-columns: 1fr; }