/* mittland.no – gir ALLE eldre undersider samme utseende som forsiden (paneler, overskrifter med flettverk, knapper, felt).
   Gjelder bare body.ml-gammel (settes av skallet), så nye sider påvirkes ikke. */
body.ml-gammel{font:17px/1.55 var(--sh-tekst)!important;color:var(--sh-bein)!important}
body.ml-gammel .innhold,body.ml-gammel .wrap{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:14px!important;padding-right:14px!important}
body.ml-gammel main,body.ml-gammel .wrap{background:transparent!important}

/* ---------- pynt fra før som nå er erstattet av ekte foto ---------- */
body.ml-gammel .m-himmel,body.ml-gammel .vk-scene,body.ml-gammel .ml-ramme,body.ml-gammel .ml-stein,body.ml-gammel .ml-skip,
body.ml-gammel .ml-runer,body.ml-gammel .tilbake,body.ml-gammel .kort::after,body.ml-gammel h2>.rune,body.ml-gammel h3>.rune{display:none!important}
body.ml-gammel section.sok,body.ml-gammel .pagehead,body.ml-gammel .hode,body.ml-gammel .delhode{background:none!important;border:0!important;box-shadow:none!important}

/* ---------- sidetittel på himmelen ---------- */
body.ml-gammel h1{font:600 clamp(30px,7vw,46px)/1.05 var(--sh-display)!important;text-transform:none!important;letter-spacing:.02em!important;margin:0 0 6px!important;
  color:var(--sh-bein)!important;text-shadow:0 2px 14px rgba(0,0,0,.6)}
body.ml-gammel .pagehead,body.ml-gammel .hode,body.ml-gammel section.sok{padding-top:30px!important;padding-bottom:10px!important}
body.ml-gammel .pagehead p,body.ml-gammel .hode .ingress,body.ml-gammel .ingress,body.ml-gammel .undertekst{color:var(--sh-bein)!important;opacity:.9;max-width:62ch;text-shadow:0 2px 10px rgba(0,0,0,.6)}
body.ml-gammel .stedsnavn{font:600 clamp(34px,8vw,56px)/1 var(--sh-display)!important;text-transform:none!important}

/* ---------- overskrifter med flettverk, som på forsiden ---------- */
body.ml-gammel main h2,body.ml-gammel .wrap h2{font:600 24px/1.15 var(--sh-display)!important;text-transform:none!important;letter-spacing:.02em!important;color:var(--sh-bein)!important}
body.ml-gammel .kort>h2,body.ml-gammel .kort>h3,body.ml-gammel .cat-card>h3{display:block!important;font:600 21px/1.2 var(--sh-display)!important;text-transform:none!important;
  letter-spacing:.02em!important;color:var(--sh-bein)!important;margin:0 0 14px!important}
body.ml-gammel .kort>h2 small,body.ml-gammel .kort>h3 small{margin-left:6px!important;font:400 13px var(--sh-tekst)!important;color:var(--sh-dis)!important;letter-spacing:0!important}
body.ml-gammel .kort>h2::after,body.ml-gammel .kort>h3::after,body.ml-gammel .cat-card>h3::after,body.ml-gammel .delhode h2::after,
body.ml-gammel .content>h2::after,body.ml-gammel .utforsk>h2::after,body.ml-gammel .seksjon>h2::after{content:"";display:block;width:120px;height:12px;margin-top:8px;
  background:var(--sh-flettverk) left center/28px 12px repeat-x;opacity:.9}
body.ml-gammel .delhode{display:block!important;padding:26px 0 8px!important}
body.ml-gammel .delhode h2{font-size:28px!important}
body.ml-gammel .section-label,body.ml-gammel .kort-label{font:600 15px/1.2 var(--sh-display)!important;letter-spacing:.05em!important;text-transform:none!important;color:var(--sh-bronse-lys)!important}

/* ---------- paneler ---------- */
body.ml-gammel .kort,body.ml-gammel .cat-card,body.ml-gammel .content,body.ml-gammel .seksjon{background:var(--sh-panel)!important;border:1px solid rgba(184,146,90,.28)!important;
  border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(217,182,124,.12),0 10px 30px rgba(0,0,0,.35)!important}
body.ml-gammel .kort,body.ml-gammel .cat-card{padding:16px!important}
body.ml-gammel .content,body.ml-gammel .seksjon{padding:18px 16px!important;margin:14px 0!important}
@media(min-width:760px){body.ml-gammel .kort,body.ml-gammel .cat-card{padding:20px 22px!important}body.ml-gammel .content,body.ml-gammel .seksjon{padding:22px!important}}
body.ml-gammel .kort .kort,body.ml-gammel .content .kort{box-shadow:none!important;background:var(--sh-panel2)!important}

/* ---------- knapper, felt, merkelapper, småtekst ---------- */
body.ml-gammel .knapp,body.ml-gammel main button.knapp{border-radius:6px!important;font:600 16px/1 var(--sh-display)!important;letter-spacing:.04em!important;min-height:46px!important;
  background:var(--sh-blod)!important;color:#fff!important;border:1px solid var(--sh-blod)!important}
body.ml-gammel .knapp.sekundaer{background:transparent!important;border-color:var(--sh-kant)!important;color:var(--sh-bein)!important}
body.ml-gammel .knapp:hover{filter:brightness(1.1)}
body.ml-gammel main input:not([type=checkbox]):not([type=radio]):not([type=range]),body.ml-gammel .wrap input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.ml-gammel main select,body.ml-gammel .wrap select,body.ml-gammel main textarea,body.ml-gammel .wrap textarea{min-height:46px;border-radius:6px!important;
  border:1px solid var(--sh-kant)!important;background:#0f0c09!important;color:var(--sh-bein)!important;font:17px var(--sh-tekst)!important;padding:0 14px}
body.ml-gammel main textarea,body.ml-gammel .wrap textarea{padding:12px 14px}
body.ml-gammel .merkelapp{font:600 11px/1 var(--sh-display)!important;letter-spacing:.05em!important;padding:4px 7px!important;border-radius:3px!important}
body.ml-gammel .meta{color:var(--sh-dis)!important;font-size:14px}
body.ml-gammel .kilde{color:var(--sh-dis)!important;font-size:13px!important}
body.ml-gammel .tom{color:var(--sh-dis)!important;font-style:italic}
body.ml-gammel .smuler{font-size:14px;text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* ---------- samtykkeboksen skal ikke dekke bunnmenyen ---------- */
@media(max-width:899px){body.ml-sh .samtykke{bottom:calc(var(--sh-bunn) + 10px + env(safe-area-inset-bottom,0px))!important}}
body.ml-gammel .m-sitat:empty,body.ml-gammel .db-puls:empty{display:none!important}
/* rammen fra før (runebånd/flettverksbånd rundt hele siden) */
body.ml-sh::before,body.ml-sh::after,html.ml-sh::before,html.ml-sh::after{content:none!important;display:none!important}
body.ml-gammel.ml-ramme{border:0!important;box-shadow:none!important;margin:0!important;padding-top:0!important}
/* tegnede bannere (aktuelt m.fl.) byttes mot den felles fotohimmelen */
body.ml-gammel .sted-banner>svg,body.ml-gammel .sted-banner svg:not(.ikon){display:none!important}
body.ml-gammel .sted-banner{background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:30px 0 10px!important;height:auto!important}
body.ml-gammel .sted-banner-tekst{position:static!important;background:none!important;padding:0!important;transform:none!important}
body.ml-gammel .sted-banner-navn{font:600 clamp(30px,7vw,46px)/1.05 var(--sh-display)!important;text-transform:none!important;text-shadow:0 2px 14px rgba(0,0,0,.6)}
body.ml-gammel .sted-banner,body.ml-gammel .sted-banner-tekst{margin:0!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;text-align:left!important}

/* ---------- områdesidene: samme topp som forsiden ---------- */
body.ml-omformet .smuler,body.ml-omformet .side-chips,body.ml-omformet .side-hode>p.meta,body.ml-omformet .m-hilsen,body.ml-omformet .m-dato{display:none!important}
body.ml-omformet section.side-hode{padding-top:34px!important;padding-bottom:6px!important}
body.ml-omformet section.side-hode h1{display:flex;align-items:center;gap:10px}
body.ml-omformet section.sok{padding-top:6px!important;padding-bottom:6px!important}
body.ml-omformet section.sok.ml-om-skjult{display:none!important}
body.ml-omformet .ml-om-tomt{display:none!important}
.ml-om-rad{margin:12px 0 4px}
.ml-om-sted{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:500 16px/1 var(--sh-display);letter-spacing:.03em;color:var(--sh-bein);
  padding:8px 13px;border-radius:20px;background:rgba(17,13,10,.6);border:1px solid rgba(236,228,214,.28)}
.ml-om-sted:hover,.ml-om-sted[aria-expanded=true]{border-color:var(--sh-bronse-lys)}
.ml-om-sted::after{content:"Bytt";font:400 13px var(--sh-tekst);color:var(--sh-dis);margin-left:6px}
/* stedsblokka: navnet står i brikken, skjoldet blir en rolig statuslinje */
body.ml-omformet .sted-hode>div:first-child{display:none!important}
body.ml-omformet .sted-hode{padding:0!important;margin:0!important;border:0!important;background:none!important}
body.ml-omformet .skjold{display:inline-flex!important;align-items:center;gap:10px;padding:10px 14px!important;border-radius:20px!important;background:var(--sh-panel)!important;
  border:1px solid rgba(184,146,90,.28)!important;box-shadow:none!important;margin:6px 0 12px!important}
body.ml-omformet .skjold>svg{width:26px!important;height:26px!important}
body.ml-omformet .skjold b{font:600 16px/1.2 var(--sh-display)!important}
body.ml-omformet .skjold span{font-size:14px!important;color:var(--sh-dis)!important}
body.ml-omformet .sted-bilder .kart,body.ml-omformet .sted-bilder .utsikt{border-radius:8px!important;overflow:hidden;border:1px solid rgba(184,146,90,.28)!important}
/* statusstripe (Norge nå, Reise, Penger …) som «Norge i tall» på forsiden */
body.ml-gammel .p-stripe{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow:visible!important}
@media(min-width:620px){body.ml-gammel .p-stripe{grid-template-columns:repeat(4,1fr)!important}}
body.ml-gammel .p-chip{position:relative;border-radius:6px!important;background:var(--sh-panel2)!important;border:1px solid rgba(61,49,40,.9)!important;border-left:3px solid var(--p,transparent)!important;padding:12px!important;min-width:0!important}
body.ml-gammel .p-chip b{font:600 16px/1.2 var(--sh-display)!important}
body.ml-gammel .p-lampe{display:none!important}
body.ml-gammel .skjoldmur{display:none!important}
body.ml-omformet section,body.ml-omformet .sted,body.ml-omformet .del,body.ml-omformet .sted-bilder,body.ml-omformet hr{border-top:0!important;border-bottom:0!important}

/* ---------- murverk: tett pakkede kort (se murverk() i ml-shell.js) ---------- */
body.ml-gammel .ml-mur{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;grid-auto-flow:row!important;align-items:start!important}
body.ml-gammel .ml-mur>.ml-mur-apen{display:contents!important}
body.ml-gammel .ml-mur>.kort,body.ml-gammel .ml-mur>.ml-mur-apen>.kort{grid-column:auto!important;margin:0!important;min-width:0!important}
@media(min-width:760px){
  body.ml-gammel .ml-mur{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:6px!important;row-gap:0!important;column-gap:14px!important;grid-auto-flow:row dense!important}
  body.ml-gammel .ml-mur>.kort,body.ml-gammel .ml-mur>.ml-mur-apen>.kort{margin-bottom:14px!important;align-self:start!important}
  body.ml-gammel .ml-mur>.kort.ml-b3,body.ml-gammel .ml-mur>.ml-mur-apen>.kort.ml-b3,body.ml-gammel .ml-mur>.kort.ml-b-fyll,body.ml-gammel .ml-mur>.ml-mur-apen>.kort.ml-b-fyll{grid-column:1/-1!important}
}

/* ---------- tema, detalj og oppskrift: samme stil som de nye sidene ---------- */
body.ml-gammel .tittel-emblem>svg,body.ml-gammel .hode>svg{display:none!important}
body.ml-gammel .tittel-emblem{display:block!important}
body.ml-gammel .hode{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:10px 24px;padding:30px 0 12px!important}
body.ml-gammel .hode .ingress{font-size:clamp(16px,4vw,18px)!important;max-width:62ch}
body.ml-gammel .hode .oppdatert{margin-left:auto;text-align:right;color:var(--sh-bein)!important;opacity:.85;font-size:13px!important;text-shadow:0 1px 8px rgba(0,0,0,.7)}
body.ml-gammel .hode .oppdatert button,body.ml-gammel .filter button,body.ml-gammel .omregner button{all:unset;cursor:pointer;display:inline-block;margin-top:6px;padding:6px 14px;border-radius:16px;
  font:500 14px var(--sh-display)!important;letter-spacing:.03em;color:var(--sh-bein);background:rgba(17,13,10,.6);border:1px solid var(--sh-kant)}
body.ml-gammel .filter{display:inline-flex!important;flex-wrap:wrap;gap:4px;padding:3px;border-radius:20px;background:rgba(0,0,0,.25);border:1px solid var(--sh-kant);margin:0 0 10px}
body.ml-gammel .filter button{margin:0;border-color:transparent;background:transparent;color:var(--sh-dis)}
body.ml-gammel .filter button[aria-pressed=true],body.ml-gammel .filter button.aktiv,body.ml-gammel .filter button.valgt{background:var(--sh-bronse)!important;color:#1b140f!important}
/* temafanene under toppmenyen */
body.ml-gammel .faner{background:rgba(17,13,10,.72)!important;border:0!important;border-bottom:1px solid rgba(184,146,90,.22)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:var(--sh-topp);z-index:30}
body.ml-gammel .faner nav{gap:4px!important;padding:6px 0!important}
body.ml-gammel .faner nav a{padding:7px 12px!important;border:1px solid transparent!important;border-radius:16px!important;font:500 14px var(--sh-display)!important;letter-spacing:.03em!important;color:var(--sh-dis)!important}
body.ml-gammel .faner nav a:hover{color:var(--sh-bein)!important;border-color:var(--sh-kant)!important}
body.ml-gammel .faner nav a[aria-current],body.ml-gammel .faner nav a.aktiv{color:var(--sh-bein)!important;background:rgba(184,146,90,.2)!important;border-color:var(--sh-bronse)!important}
body.ml-gammel .faner .rune{display:none!important}
/* tallfliser som «Norge i tall» */
body.ml-gammel .tall-rad{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px!important;margin:6px 0 14px!important}
body.ml-gammel .tall-rad .flis{display:flex!important;flex-direction:column;gap:4px;padding:12px!important;border-radius:6px!important;background:var(--sh-panel2)!important;
  border:1px solid rgba(61,49,40,.9)!important;border-left:3px solid var(--sh-bronse)!important;box-shadow:none!important;min-width:0!important}
body.ml-gammel .tall-rad .tall{font:600 26px/1.1 var(--sh-display)!important;color:var(--sh-bein)!important}
body.ml-gammel .tall-rad .navn{font-size:13px!important;color:var(--sh-dis)!important}
/* tabeller og rader */
body.ml-gammel .tabellrull table{width:100%;border-collapse:collapse}
body.ml-gammel .tabellrull th{font:600 12px var(--sh-display)!important;letter-spacing:.05em;color:var(--sh-bronse-lys)!important;text-align:left;padding:6px 8px!important;border-bottom:1px solid var(--sh-kant)!important;background:none!important}
body.ml-gammel .tabellrull td{padding:7px 8px!important;border-bottom:1px solid rgba(61,49,40,.7)!important;background:none!important}
body.ml-gammel .rad{border-bottom:1px solid rgba(61,49,40,.7)!important;padding:8px 0!important}
body.ml-gammel .stor-tall,body.ml-gammel .stort{font-family:var(--sh-display)!important;font-weight:600!important}
body.ml-gammel .laster{color:var(--sh-dis)!important;font-style:italic}
body.ml-gammel .feil:not(.fs-status){color:var(--sh-bein)!important;background:var(--sh-panel)!important;border:1px solid rgba(184,146,90,.28)!important;border-radius:8px;padding:16px!important}
