:root{
  --blue-1:#0591f5; --blue-2:#0147bb; --indigo:#374EA2; --white:#fff; --ink:#2D2926;
  --bg:#ffffff; --text:#2D2926; --muted:#5f5b57; --surface:#fafbff; --line:#E6E7EB; --bg-alt:#F6F8FF;
  --max:1440px; --rad-card:16px; --rad-ctl:6px; --rad-btn:6px; --ctl-h:44px;
  --pad-1:8px; --pad-2:16px; --pad-3:32px; --pad-4:64px;
  --focus:0 0 0 3px rgba(1,71,187,.25);
  --shadow:0 12px 28px rgba(0,0,0,.06);
  --nav-ink:#000;
}
[data-theme="dark"]{
  --bg:#0E121A; --text:#ffffff; --muted:#D6DBE6; --surface:#141A24; --line:#283041; --bg-alt:#0B0F16;
  --focus:0 0 0 3px rgba(5,145,245,.38); --shadow:0 14px 28px rgba(0,0,0,.32);
  --nav-ink:#fff;
}

/* Base */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body.no-scroll{overflow:hidden}
img{max-width:100%;display:block}
a{color:var(--blue-1);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:none;}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad-2)}

/* HEADER (sticky + blur on scroll) */
header{
  position:fixed; inset:0 0 auto 0; z-index:1000;
  background:color-mix(in oklab, var(--bg) 92%, transparent);
  border-bottom:1px solid var(--line);
  transition:backdrop-filter .18s ease, background .18s ease, box-shadow .18s ease;
  backdrop-filter:none;
}
header.scrolled{
  backdrop-filter:saturate(120%) blur(10px);
  background:color-mix(in oklab, var(--bg) 82%, transparent);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--pad-2);padding:var(--pad-2)}
.brand{display:flex;align-items:center;gap:var(--pad-2)}
.clipper{height:32px}
.brand h1{margin:0;font:700 16px/1.2 "Space Grotesk",Inter,sans-serif}
.brand small{display:block;color:var(--muted);font-weight:600}
@media (max-width:768px){ .brand small{display:none} }
@media (min-width:1000px){.nav-actions{display:flex}}

.hamburger{width:44px;height:44px;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--nav-ink)}
.hamburger span,.hamburger span:before,.hamburger span:after{display:block;content:"";width:18px;height:2px;background:currentColor;position:relative}
.hamburger span:before{position:absolute;left:0;top:-6px}
.hamburger span:after{position:absolute;left:0;top:6px}

/* === NAV (MOBILE): compact flag + theme in top bar === */
@media (max-width: 720px){
  #brandTitle, #brandKicker{ display:none !important; }
  .nav{ justify-content:flex-start; }
  .nav-mini{
    display:flex !important;
    align-items:center; gap:12px;
    margin-left:auto;
  }
  .hamburger{ margin-left:8px; }
}
@media (min-width:721px){
  .nav-mini{ display:none !important; }

}
@media (max-width: 768px) {
  #progress .section-sub {
    padding: 16px 32px;
  }
}

/* Compact flag button + theme mini */
.btn-icon{
  display:inline-grid; place-items:center;
  width:36px; height:36px; padding:0;
  border:1px solid var(--line); border-radius:999px;
  background:var(--surface); cursor:pointer;
}
.btn-icon img{ width:20px; height:20px; border-radius:50%; object-fit:cover; }
.theme-btn--mini{ width:36px; height:36px; display:grid; place-items:center; }

/* Dropdown (desktop + compact) */
.dropdown{position:relative}
.btn-dropdown{
  height:var(--ctl-h);display:flex;align-items:center;gap:var(--pad-1);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--rad-ctl);
  padding:0 var(--pad-2);cursor:pointer
}
.flag{width:20px;height:20px;border-radius:999px;overflow:hidden;display:inline-block}
.flag img{width:100%;height:100%;object-fit:cover}
.menu{
  position:absolute;min-width:220px;display:none;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--rad-ctl);overflow:hidden;z-index:1200;
  top:calc(100% + var(--pad-1)); left:0;
  box-shadow:var(--shadow);
}
.dropdown.open .menu{display:block}
.menu-item-row{display:flex;align-items:center;gap:var(--pad-1);padding:var(--pad-1) var(--pad-2);cursor:pointer}
.menu-item-row:hover{background:var(--bg-alt)}
[data-theme="dark"] .btn-dropdown,[data-theme="dark"] .menu-item-row{color:#fff}
@media (max-width:768px){ .dropdown.dropup .menu{ top:auto; bottom:calc(100% + var(--pad-1)); } }
/* align dropdown to the right for the compact header flag */
.nav-mini .dropdown{ position:relative; }
.nav-mini .dropdown .menu{ top:calc(100% + 8px); left:auto; right:0; min-width:180px; }

/* Theme btn (desktop) */
.theme-btn{height:var(--ctl-h);width:var(--ctl-h);border:1px solid var(--line);border-radius:var(--rad-ctl);background:var(--surface);display:grid;place-items:center;cursor:pointer}
.theme-btn img{width:20px;height:20px}
.icon--black{filter:none}
.icon--white{filter:invert(1) brightness(200%)}

/* Drawer (mobil) */
.drawer{position:fixed;inset:0;pointer-events:none;z-index:1100}
.drawer.open{pointer-events:auto}
.drawer .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .24s ease}
.drawer.open .backdrop{opacity:1}
.drawer .sheet{position:absolute;right:0;top:0;height:100%;width:100%;background:var(--bg);transform:translateX(100%);transition:transform .26s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column}
.drawer.open .sheet{transform:translateX(0)}
.sheet .inner{max-width:var(--max);margin-inline:auto;width:100%;height:100%;display:flex;flex-direction:column}
.sheet .topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--pad-2)}
.sheet .close{width:36px;height:36px;border:none;background:transparent;color:var(--nav-ink);display:grid;place-items:center;cursor:pointer}
.sheet nav{flex:1;overflow:auto;padding:var(--pad-1) var(--pad-2) var(--pad-3)}
.sheet ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--pad-2)}
.sheet li a{display:block;padding:var(--pad-1) 0;font:800 clamp(20px,4.8vw,28px)/1.25 "Space Grotesk",Inter,sans-serif;color:var(--text)}
.sheet li a:hover{text-decoration:underline}
.sheet .controls{padding:var(--pad-2);display:flex;gap:var(--pad-2);align-items:center;border-top:1px solid var(--line)}
@media (min-width:1000px){ .sheet .controls{display:none} }

/* HERO */
.hero{padding:calc(var(--pad-2) + 16px) 0 var(--pad-4)}
.hero-inner{display:grid;gap:var(--pad-4);align-items:center;grid-template-columns:1fr 2fr;justify-items:center}
@media (min-width:1100px){.hero{padding:calc(var(--pad-4) + 32px) 0 var(--pad-4)}.hero-inner{gap:var(--pad-4)}}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr;gap:var(--pad-3)}}
@media (max-width:640px){.hero-inner{text-align:center;justify-items:center!important;gap:var(--pad-2)}.avatar{width:clamp(160px,36vw,220px)}.title{margin-bottom:var(--pad-1)}.cta{margin-top:var(--pad-1);justify-content:center}}
.avatar-wrap{display:grid;place-items:center}
.avatar{width:clamp(160px,26vw,340px);aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 40%;background:var(--surface);outline:6px solid var(--bg)}
.kicker{font:700 13px/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo);margin:0 0 var(--pad-1)}
[data-theme="dark"] .kicker{color:var(--blue-1)}
.title{font:800 clamp(36px,5vw,58px)/1.08 "Space Grotesk",Inter,sans-serif;margin:0 0 var(--pad-2);letter-spacing:-.01em}
.subtitle{color:var(--muted);font-size:18px;line-height:1.55;max-width:60ch}
.cta{display:flex;gap:var(--pad-2);flex-wrap:wrap;margin-top:var(--pad-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pad-1);padding:12px 18px;border-radius:var(--rad-btn);font-weight:700;border:1.6px solid var(--blue-2);background:transparent;color:var(--blue-2);text-decoration:none!important}
.btn.primary{background:var(--blue-2);color:#fff}
.btn.primary:hover{background:#0a56d8;border-color:#0a56d8}
.btn.secondary:hover{background:rgba(1,71,187,.08)}
[data-theme="dark"] .btn.secondary{color:#fff;border-color:#fff}
[data-theme="dark"] .btn.secondary:hover{background:rgba(255,255,255,.08)}

/* SECTIONS & CARDS */
main{padding:var(--pad-3) 0 var(--pad-4)}
.section{padding:var(--pad-4) 0}
.section-title{font:700 28px/1.2 "Space Grotesk",Inter,sans-serif;margin:0 0 var(--pad-1);text-align:center}
.section-sub{color:var(--muted);text-align:center;margin:0 0 var(--pad-3)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad-card);padding:var(--pad-3)}
.muted{color:var(--muted)}

/* Live placeholder */
.placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  border:1px solid var(--line);border-radius:var(--rad-card);
  padding:var(--pad-3);margin:0 auto var(--pad-2);max-width:720px;
  background-position:center;background-repeat:no-repeat;background-size:cover;
  aspect-ratio:16/9;min-height:320px;box-shadow:var(--shadow);overflow:hidden
}
@media (max-width:420px){
  .placeholder{aspect-ratio:auto;min-height:clamp(300px,88vw,420px)}
}
.placeholder dotlottie-wc,.placeholder img,.placeholder video{
  max-width:min(88vw,520px);max-height:calc(100% - 2 * var(--pad-3));width:auto;height:auto
}
.placeholder.live-box{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:var(--rad-card);
  margin:0 auto var(--pad-2);max-width:720px;padding:48px 24px;
  box-shadow:var(--shadow);background:var(--surface);aspect-ratio:auto;gap:24px
}
.placeholder.live-box dotlottie-wc{width:100%;max-width:340px;height:auto}
@media (min-width:900px){.placeholder.live-box{gap:32px!important}}

/* Grid wrapper rundt legs/donate */
.grid-2{display:grid;gap:var(--pad-3);grid-template-columns:1fr}
@media (min-width:1000px){.grid-2{grid-template-columns:1.3fr .7fr}}

/* Legs */
.legs{display:grid;gap:var(--pad-3);margin-top:var(--pad-2)}
.leg{display:grid;grid-template-columns:auto 1fr;gap:var(--pad-2);align-items:start;padding:var(--pad-3);border:1px dashed var(--line);border-radius:var(--rad-card);background:var(--bg);box-shadow:var(--shadow)}
.dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue-2);color:#fff;font-weight:800;font-size:16px}
.leg h4{margin:0 0 6px;font:700 22px/1.3 "Space Grotesk",Inter,sans-serif}
.leg .sub{margin:0 0 var(--pad-2);color:var(--muted)}
.links-row{margin-top:var(--pad-2)} .links-row a{font-weight:700}

/* === LEG FACTS START === */
/* ==== FACTS (compact, Apple-aktig) ==== */
.facts-panel{
  margin-top:12px; padding:16px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px; box-shadow:var(--shadow);
  display:grid; gap:14px;
}
.facts-row{
  display:grid; grid-template-columns:40px 1fr;
  align-items:start; column-gap:12px;
  padding:6px 0; border-top:1px solid var(--line);
}
.facts-row:first-child{ border-top:0; }

/* ikon-tile */
.i{
  width:40px; height:40px; border-radius:12px;
  /* NB: bruk background-color, ikke background (shorthand) */
  background-color:#f2f3f6;
  border:1px solid var(--line);
  background-repeat:no-repeat; background-position:center;
  background-size:22px 22px;
}

/* light mode: ikonfiler */
.i[data-i="map"]    { background-image:url("/assets/icons/map.svg"); }
.i[data-i="clock"]  { background-image:url("/assets/icons/clock.svg"); }
.i[data-i="thermo"] { background-image:url("/assets/icons/thermometer.svg"); }

/* dark mode: kun farge på flaten her – ikke rør background-image */
[data-theme="dark"] .i{
  background-color:rgba(255,255,255,.06);
  border-color:#283041;
}
/* dark mode ikoner */
[data-theme="dark"] .i[data-i="map"]    { background-image:url("/assets/icons/map-white.svg"); }
[data-theme="dark"] .i[data-i="clock"]  { background-image:url("/assets/icons/clock-white.svg"); }
[data-theme="dark"] .i[data-i="thermo"] { background-image:url("/assets/icons/thermometer-white.svg"); }

/* typografi */
.facts-row .k{ font:600 13px/1.2 Inter,system-ui,sans-serif; color:var(--muted); margin:0 0 4px; }
.facts-row .v{ font:800 18px/1.25 "Space Grotesk",Inter,system-ui,sans-serif; letter-spacing:-.01em; margin:0; }
.facts-row .v .muted{ color:var(--muted); font-weight:600; }

/* bred skjerm: to kolonner */
@media (min-width:900px){
  .facts-panel{ grid-template-columns:1fr 1fr; gap:16px 24px; }
  .facts-row{ border-top:0; padding:4px 0; }
}
/* === LEG FACTS END === */

/* Legs – mobil full-bleed */
@media (max-width:899px){
  #legs.card{
    border-radius:0;
    margin-left:calc(-1 * var(--pad-2));
    margin-right:calc(-1 * var(--pad-2));
    width:100vw; max-width:100vw;
    border-left:none; border-right:none;
  }
  .legs{ padding:0; gap:var(--pad-2); }
  .leg{ padding:32px; border-radius:var(--rad-card); }
}
@media (min-width:900px){
  #legs.card{ margin:0; width:auto; max-width:100%; border-radius:var(--rad-card); }
  .legs{ padding:0 var(--pad-2) var(--pad-2); gap:var(--pad-3); }
  .leg{ padding:var(--pad-3); border-radius:var(--rad-card); }
}

/* Pills — blue border, fill on hover */
.pills{display:flex;flex-wrap:wrap;gap:var(--pad-1)}
.pill{
  border:1.6px solid var(--blue-1);
  border-radius:999px;
  padding:6px 12px;
  background:transparent;
  color:var(--blue-1);
  font-size:14px; font-weight:700;
  transition:background .18s, color .18s, border-color .18s;
}
.pill:hover{ background:var(--blue-1); color:#fff; }
[data-theme="dark"] .pill{
  border-color:var(--blue-1);
  color:#cfe7ff;
  background:transparent;
}
[data-theme="dark"] .pill:hover{
  background:var(--blue-1);
  color:#000;
  border-color:var(--blue-1);
}

/* Updates (cards) */
.updates{display:grid;gap:var(--pad-3);grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.updates{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.updates{grid-template-columns:1fr}}
.update-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad-card);overflow:hidden;box-shadow:var(--shadow)}
.update-card .card-link{display:block;color:inherit;text-decoration:none}
.update-card .media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.update-card .media-img{width:100%;height:100%;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.update-text{padding:14px 16px 18px}
.update-meta{color:var(--muted);font-size:13px;margin:0 0 6px}
.update-title{margin:0 0 6px;font:800 18px/1.25 "Space Grotesk",Inter,sans-serif}
.update-body{color:var(--muted)}

/* Gallery (3×3 desktop, 2×3 mobil) */
:root{--gal-radius:8px}
@media (max-width:720px){:root{--gal-radius:6px}}
#gallery.card{border-radius:var(--gal-radius)}
.gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px; border-radius:var(--gal-radius,8px);
  overflow:hidden; background:var(--line)
}
@media (max-width:720px){
  .gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.gallery .gal-cell{margin:0;display:block;width:100%;aspect-ratio:4/3}
.gallery .gal-cell img{
  width:100%;height:100%;object-fit:cover;display:block;
  cursor:zoom-in; -webkit-tap-highlight-color:transparent;
}

/* Pager */
.pager{
  display:flex; align-items:center; justify-content:center;
  gap:var(--pad-2); margin-top:var(--pad-2); flex-wrap:wrap;
}
.pager .info{ color:var(--muted); font-weight:600; }
.pager button{
  padding:10px 16px; border:1.5px solid var(--blue-2);
  background:transparent; color:var(--blue-2);
  border-radius:var(--rad-ctl); cursor:pointer; font-weight:700;
  transition:background .15s,color .15s,border-color .15s, box-shadow .15s;
}
.pager button:hover,
.pager button:focus-visible{
  background:var(--blue-2); color:#fff; border-color:var(--blue-2); box-shadow:var(--focus);
}
.pager button:disabled{ opacity:.5; cursor:not-allowed; }
[data-theme="dark"] .pager button{ border-color:var(--blue-1); color:#fff; background:rgba(5,145,245,.10) }
[data-theme="dark"] .pager button:hover,
[data-theme="dark"] .pager button:focus-visible{ background:var(--blue-1); border-color:var(--blue-1); color:#000 }

/* Contact */
.max-720{max-width:720px;margin-inline:auto}
.form{display:grid;gap:var(--pad-2);margin-top:var(--pad-2)}
.input,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--rad-btn);background:var(--bg);color:var(--text);padding:12px 14px;font:400 16px/1.4 Inter,sans-serif}
.textarea{min-height:160px;resize:vertical}
.submit{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rad-btn);border:1.6px solid var(--blue-2);background:var(--blue-2);color:#fff;font-weight:700;font-size:18px;padding:14px 18px;cursor:pointer}

/* Footer */
footer{background:var(--muted);color:#fff;margin-top:var(--pad-4)}
footer .inner{max-width:var(--max);margin-inline:auto;padding:var(--pad-3)}
footer a{color:#D8D1C9}
footer a:hover{text-decoration:underline}
.socials{display:flex;gap:var(--pad-2);margin-top:var(--pad-1)}
.socials img{height:22px;filter:invert(1) brightness(180%)}
/* --- Footer --- */
.site-footer {
  background: #000;                 /* <-- helt svart bakgrunn */
  border-top: 1px solid var(--line);
  color: var(--text);
}

.footer-wrap {
  max-width: var(--max);
  margin-inline: auto;
  padding: clamp(24px, 4vw, 40px) var(--pad-2);
  display: grid;
  gap: clamp(16px, 2.6vw, 28px);
}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(12px, 3vw, 24px);
  flex-wrap: wrap;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 240px;
}

.footer-logo {
  height: 36px;
  width: auto;
  display: block;
}

.brand-title {
  margin: 0;
  font: 700 16px/1.2 "Space Grotesk", Inter, system-ui, sans-serif;
}

.brand-sub {
  margin: 2px 0 0;
  color: var(--muted);
  font: 600 13px/1.2 Inter, system-ui, sans-serif;
}

.footer-cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-cta .btn {
  height: auto;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 3vw, 24px);
}
@media (max-width: 900px) { .footer-links { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .footer-links { grid-template-columns: 1fr; } }

.footer-links .col h3 {
  margin: 0 0 8px;
  font: 700 13px/1.2 Inter, system-ui, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}

.footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.footer-links a {
  color: var(--text);
  text-decoration: none;
}
.footer-links a:hover {
  text-decoration: underline;
}

.footer-rule {
  border: 0;
  height: 1px;
  background: var(--line);
  margin: clamp(8px, 2vw, 16px) 0 0;
}

.footer-legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--muted);
  font: 500 13px/1.5 Inter, system-ui, sans-serif;
  padding-top: 8px;
}
.footer-legal p {
  margin: 0;
}
.footer-legal .legal-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.footer-legal .legal-links a {
  color: inherit;
  text-decoration: none;
}
.footer-legal .legal-links a:hover {
  text-decoration: underline;
}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:16px;z-index:1300}
.lightbox.open{display:flex}
.lightbox .frame{position:relative;margin:0;max-width:min(1080px,100%);max-height:calc(100vh - 32px);display:flex;align-items:center;justify-content:center}
.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.lb-close,.lb-arrow{position:absolute;width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;cursor:pointer}
.lb-close{top:8px;right:8px}
.lb-close svg,.lb-arrow svg{width:18px;height:18px}
.lb-close path,.lb-arrow path{fill:#fff}
.lb-arrow{top:50%;transform:translateY(-50%)}
.lb-prev{left:-12px} .lb-next{right:-12px}
@media (max-width:700px){ .lb-prev{left:8px} .lb-next{right:8px} }
.lb-close:focus-visible,.lb-arrow:focus-visible{box-shadow:var(--focus)}
/* Lightbox video */
.lightbox video{
  max-width:100%; max-height:100%;
  width:auto; height:auto; display:block;
  border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.6);
  background:#000;
}

/* Remove underline for button-like links */
a.btn, button.btn, .btn,
a.btn:hover, button.btn:hover, .btn:hover,
a.pill:hover, .pill:hover{ text-decoration:none !important; }

/* Motion prefs */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* === Mobil topbar controls (språk + theme) === */
.nav-mobilebar {
  display: none; /* default: skjult på desktop */
}

@media (max-width: 720px) {
  .nav-mobilebar {
    display: flex !important;   /* vis på mobil */
    align-items: center;
    gap: 12px;
    margin-left: auto;          /* skyv til høyre */
  }

  /* Skjul brandtekst for å frigjøre plass */
  #brandTitle,
  #brandKicker {
    display: none !important;
  }


}

/* Kompakte knapper */
.nav-mobilebar .btn-icon {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  cursor: pointer;
}
.nav-mobilebar .btn-icon img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}

.nav-mobilebar .theme-btn--mini {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
}

/* Dropdown fra språkvelgeren */
.nav-mobilebar .dropdown {
  position: relative;
}
.nav-mobilebar .dropdown .menu {
  top: calc(100% + 8px);
  left: auto;
  right: 0;
  min-width: 180px;
}

/* ==== MOBILE OVERRIDES (append at the very end) ==== */
@media (max-width: 720px){

  /* Keep space-between on mobile too */
  .nav{
    justify-content: space-between !important;
  }

  /* Let nav-action children flow directly in the navbar on mobile */
  .nav-actions{
    display: flex !important;
    gap: 16px;
  }

  /* Compact language button: only show the flag */
  .btn-dropdown{
    /* optional: make it square like the theme button */
    width: 36px;
    height: 36px;
    padding: 0;
    justify-content: center;
  }
  /* hide everything except the flag inside the lang button */
  .btn-dropdown > *:not(.flag){
    display: none !important;
  }
  /* also hide any SVG chevrons that might be nested */
  .btn-dropdown svg{
    display: none !important;
  }
  .btn-dropdown .flag{
    margin: 0;                /* center the flag */
    width: 20px;
    height: 20px;
  }

  /* Legs: stack vertically on mobile */
  .leg{
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
}
/* Mobile: make language + theme toggles identical & perfectly centered */
@media (max-width: 720px){
  .nav { align-items: center; justify-content: space-between; }

/* === Global header buttons (desktop + mobil) === */
.btn-dropdown,
.theme-btn--mini {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  line-height: 0;
  border: 1px solid var(--line);
  border-radius: var(--rad-ctl);  /* lett avrunding */
  background: var(--surface);
  cursor: pointer;
}

/* Flagget inni språk-knappen */
.btn-dropdown .flag,
.btn-dropdown img,
#flagImgMobile {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
}
/* Dropdown-meny: rad-padding justeres */
.menu-item-row {
  display: flex;
  align-items: center;
  gap: var(--pad-1);
  padding: var(--pad-2) var(--pad-2);  /* samme på alle skjermbredder */
  cursor: pointer;
}
.menu-item-row:hover {
  background: var(--bg-alt);
}

@media (min-width: 720px){
  .nav-actions { align-items: center; display: flex; gap: 16px; }
}

#donate.card {
  border: none; /* fjern dashed */
  background: var(--surface);
  border-radius: 20px;
  padding: var(--pad-4);
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  gap: var(--pad-2);
  align-items: flex-start;
}

#donate h3 {
  font: 700 24px/1.3 "Space Grotesk", Inter, sans-serif;
  margin: 0;
}

#donate .unicef-logo {
  max-height: 32px;
  margin: 8px 0;
}

#donate p {
  font-size: 16px;
  line-height: 1.5;
  color: var(--muted);
  margin: 0 0 var(--pad-2);
}

#donate .btn.primary {
  width: 100%;
  padding: 14px 20px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}


.article .back-button {
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  font-weight:600;
  margin-bottom:24px;
}
.article h1 {
  font:800 clamp(28px,4vw,40px)/1.2 "Space Grotesk",Inter,sans-serif;
  margin:0 0 16px;
}
.article .meta {
  color:var(--muted);
  margin-bottom:24px;
}
.article .post-media {
  margin:0 0 24px;
}
.article .post-media img,
.article .post-media video {
  width:100%;border-radius:12px;display:block;
}
.article .post-body {
  max-width:60ch;line-height:1.6;
}

/* === Footer (alltid svart bakgrunn) === */
.site-footer,
footer {
  background: #000 !important;   /* alltid svart */
  color: #fff !important;        /* hvit tekst */
}

.site-footer a,
footer a {
  color: #bbb;                   /* lysere grå lenker */
}

.site-footer a:hover,
footer a:hover {
  color: #fff;                   /* hvit på hover */
  text-decoration: underline;
}

.footer-legal {
  color: #888 !important;        /* mindre kontrast for legal-tekst */
}

.footer-legal .legal-links a {
  color: #aaa !important;
}

/* Skjul header-kontrollene på mobil, vis dem kun på ≥ 768px */
@media (max-width: 767.98px) {
  header .nav-actions { display: none !important; }
}

/* Skjul drawer-kontrollene på desktop, vis dem kun på < 768px */
@media (min-width: 768px) {
  #drawer .controls { display: none !important; }
}