/* ===== OdelEnergy – tema basert på versjon B, med logoens blåfarge ===== */
:root{
  --font-display:'Newsreader','Iowan Old Style',Georgia,serif;
  --font-body:'Work Sans','Helvetica Neue',Arial,sans-serif;
  --radius-sm:0;--radius-md:2px;--radius-lg:2px;
  --header-h:84px;
}
:root,[data-theme=light]{
  --bg:#f5f1e9;--surface:#fdfbf7;--tint:#e7edf0;--tint-warm:#ece6da;
  --text:#132634;--muted:#4a5862;--line:rgba(16,53,74,.16);
  --navy:#10354a;--navy-deep:#0b2738;--accent:#10354a;--accent-hover:#0b2738;--accent-ink:#fdfbf7;
  --green:#3f6358;--accent-soft:#dbe5ea;
  --logo-n:#10354a;--logo-g:#4c6d63;
}
[data-theme=dark]{
  --bg:#0c1a23;--surface:#12232e;--tint:#0f2029;--tint-warm:#13242e;
  --text:#e8eef0;--muted:#a3b4bb;--line:rgba(232,238,240,.14);
  --navy:#e8eef0;--navy-deep:#081620;--accent:#b9d0dc;--accent-hover:#d3e3eb;--accent-ink:#0c1a23;--green:#a9c7bd;--logo-n:#faf6ee;--logo-g:#a9c7bd;
}
html{scroll-padding-top:calc(var(--header-h) + 12px)}
[id]{scroll-margin-top:calc(var(--header-h) + 12px)}
body{line-height:1.65}
.btn{border-radius:2px;letter-spacing:.01em;font-weight:600}
.btn-primary:hover{background:var(--accent-hover)}

/* bolder headings */
.h-page,.h-section,.hero-title,.teaser h3,.aud-body h3,.gain-quote blockquote p,.card .person-name{font-weight:600;letter-spacing:-.018em}
.h-page{font-size:clamp(2.4rem,1.5rem + 3vw,4.2rem);line-height:1.04;max-width:20ch}
.h-section{font-size:clamp(1.85rem,1.3rem + 1.9vw,3rem);line-height:1.08}
.h-sub,.aud-row h3,.gain-grid h3,.partners strong,.map-detail h3{color:var(--navy)}
.eyebrow{letter-spacing:.18em;font-weight:600;display:flex;align-items:center;gap:.8em;color:var(--green)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor;opacity:.8}
.eyebrow.light{color:#fff}
.lede{color:var(--muted)}

/* header */
.site-header{background:color-mix(in oklab,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
.header-inner{height:var(--header-h)}
.main-nav a{font-size:var(--text-sm);font-weight:500;color:var(--text)}
.main-nav a[aria-current=page]{border-bottom-color:var(--navy);color:var(--navy)}
.lang button[aria-pressed=true]{background:var(--navy);color:#fff}
[data-theme=dark] .lang button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}

/* split hero – text on solid panel, never over the photo */
.hero,.page-hero{margin-top:0;min-height:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;color:var(--text);background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden}
.hero-img,.page-hero>img{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;min-height:600px;object-fit:cover;animation:none}
.page-hero>img{min-height:480px}
.hero-shade,.page-hero .hero-shade{display:none}
.hero-content,.page-hero-content{grid-column:1;grid-row:1;width:auto;margin:0;padding:clamp(var(--space-12),6vw,var(--space-20)) clamp(var(--space-6),5vw,var(--space-16));align-self:center;max-width:640px;justify-self:end}
.hero .eyebrow.light,.page-hero .eyebrow.light{color:var(--green)}
.hero-title{color:var(--navy);font-size:clamp(2.9rem,1.5rem + 4.2vw,5.4rem);max-width:10ch;font-style:italic;line-height:1}
.hero-lede,.page-hero .lede.light{color:var(--muted)}
.page-hero .h-page.light{color:var(--navy)}
.hero .btn-primary{background:var(--accent);color:var(--accent-ink)}
.hero .btn-ghost{border-color:var(--navy);color:var(--navy);background:transparent}
.hero .btn-ghost:hover{background:var(--navy);color:#fff}
.hero-caption{left:auto;right:var(--space-4);bottom:var(--space-4);background:rgba(11,39,56,.78);color:#fff;padding:.35em .7em;font-size:var(--text-xs)}

/* figures band in logo navy */
.figures{background:var(--navy);color:#fdfbf7;border:0;margin-top:0}
[data-theme=dark] .figures{background:#123044}
.wrap>.figures{width:100vw;margin-left:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}
.figures div{border-color:rgba(255,255,255,.2)!important}
.figures dt{color:rgba(253,251,247,.82);font-weight:500}
.figures dd{color:#fdfbf7;font-size:clamp(2.4rem,1.6rem + 3vw,4.4rem);font-weight:500}

/* audiences */
.audiences{grid-template-columns:5fr 7fr}
.aud-main{min-height:600px}
.aud-main::after{background:linear-gradient(180deg,rgba(11,39,56,0) 20%,rgba(11,39,56,.55) 50%,rgba(11,39,56,.94) 100%)}
.aud-body h3,.aud-body p{text-shadow:0 1px 2px rgba(0,0,0,.25)}
.aud-body p:not(.eyebrow){color:#fff}
.aud-list{counter-reset:aud}
.aud-row{counter-increment:aud;position:relative;padding-left:3.4rem}
.aud-row::before{content:"0" counter(aud);position:absolute;left:0;top:var(--space-6);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--navy)}
.aud-row:hover{padding-left:3.8rem}
.aud-row:hover h3{text-decoration:underline;text-underline-offset:4px}

/* cards & surfaces */
.teaser,.card,.partners li,.gain-grid li,.lead-form,.facts,.eu-note,.plant-hero img,.g-item,#map,.zone-bar,.zone-bar span,.gain-quote,.cta-card{border-radius:2px}
.teaser h3{font-style:italic;color:var(--navy)}
.teaser:hover{border-color:var(--navy)}
.plant-teasers{gap:var(--space-4)}
.section-tint{background:var(--tint)}
.team{gap:var(--space-4)}
.card .person-name{font-family:var(--font-display);font-size:var(--text-lg)}
.person-links a{color:var(--navy);font-weight:500}
.gain-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.gain-grid li{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.gain-ic{border-radius:50%;background:var(--navy);color:#fff}
[data-theme=dark] .gain-ic{background:var(--accent);color:var(--accent-ink)}
.gain-quote{background:var(--navy)}
[data-theme=dark] .gain-quote{background:#123044}
.gain-quote .btn-primary{background:#fdfbf7;color:#10354a}

/* text over photos: solid gradient behind all text */
.cta-card::before{background:linear-gradient(90deg,rgba(11,39,56,.96) 0%,rgba(11,39,56,.88) 42%,rgba(11,39,56,.35) 75%,rgba(11,39,56,.1) 100%)}
.cta-card p,.cta-points li{color:#fff}
.btn-light{background:#fdfbf7;color:#10354a;border-radius:2px}

.status-pill{background:var(--accent-soft);color:var(--navy)}
.text-link{color:var(--navy);font-weight:600}
.ej-head{max-width:44rem;margin-bottom:var(--space-8)}
.ej-head .muted{margin-top:var(--space-3)}

/* footer */
.site-footer{background:var(--navy-deep,#0b2738);color:#fdfbf7;border-top:0}
[data-theme=light] .site-footer,:root .site-footer{background:#10354a}
.site-footer .muted,.site-footer a{color:rgba(253,251,247,.85)}
.site-footer .lg-n,.site-footer .lg-g{fill:#fdfbf7}
.foot-tag{color:#fdfbf7}

@media (max-width:900px){
  .hero,.page-hero{grid-template-columns:1fr}
  .hero-img,.page-hero>img{grid-column:1;grid-row:2;min-height:300px;max-height:420px}
  .hero-content,.page-hero-content{grid-row:1;justify-self:stretch;max-width:none}
  .audiences{grid-template-columns:1fr}
  .cta-card::before{background:linear-gradient(0deg,rgba(11,39,56,.97) 0%,rgba(11,39,56,.9) 55%,rgba(11,39,56,.45) 100%)}
}
@media (max-width:560px){ :root{--header-h:68px} }
.page-hero .btn-ghost{border-color:var(--navy);color:var(--navy);background:transparent}
.page-hero .btn-ghost:hover{background:var(--navy);color:#fff}
.page-hero .btn-primary{background:var(--accent);color:var(--accent-ink)}
.prose>.btn{margin-top:var(--space-4)}

/* ===== v6: lettere serif, ingen kursiv, blått + grønt + gull ===== */
:root,[data-theme=light]{--gold:#8a6a35;--green-main:#4c6d63;--tint:#ece6da;--tint-cool:#e7edf0}
[data-theme=dark]{--gold:#d0b382;--green-main:#2f4f46;--tint:#13242e;--tint-cool:#0f2029}
.h-page,.h-section,.hero-title,.teaser h3,.aud-body h3,.gain-quote blockquote p,.card .person-name,.figures dd{font-weight:400;letter-spacing:-.015em}
.hero-title,.teaser h3{font-style:normal}
.hero-title{font-size:clamp(2.8rem,1.4rem + 4vw,5.2rem);max-width:11ch;line-height:1.02}
.eyebrow{color:var(--gold)}
.eyebrow.light{color:#f1dfb8}
.hero .eyebrow.light,.page-hero .eyebrow.light{color:var(--gold)}
.aud-row::before{color:var(--gold);font-weight:400}
/* grønne hovedelementer */
.figures{background:var(--green-main)}
[data-theme=dark] .figures{background:var(--green-main)}
.gain-ic{background:var(--green-main);color:#fff}
.gain-quote{background:var(--green-main)}
.gain-quote .btn-primary{color:var(--green-main)}
.section-tint:nth-of-type(even){background:var(--tint-cool)}
.status-pill{background:#e3ebe6;color:var(--green-main)}
[data-theme=dark] .status-pill{background:#1d3a32;color:#cfe2d9}
.text-link{color:var(--green)}
.teaser:hover{border-color:var(--green-main)}
.hero .btn-ghost,.page-hero .btn-ghost{border-color:var(--green-main);color:var(--green-main)}
.hero .btn-ghost:hover,.page-hero .btn-ghost:hover{background:var(--green-main);color:#fff}
[data-theme=dark] .hero .btn-ghost,[data-theme=dark] .page-hero .btn-ghost{border-color:#a9c7bd;color:#a9c7bd}
.cta-card::before{background:linear-gradient(90deg,rgba(28,48,42,.95) 0%,rgba(28,48,42,.86) 42%,rgba(28,48,42,.3) 75%,rgba(28,48,42,.05) 100%)}
@media (max-width:900px){.cta-card::before{background:linear-gradient(0deg,rgba(28,48,42,.97) 0%,rgba(28,48,42,.9) 55%,rgba(28,48,42,.45) 100%)}}
.cta-card-ej::before{background:linear-gradient(90deg,rgba(11,39,56,.95) 0%,rgba(11,39,56,.86) 42%,rgba(11,39,56,.3) 75%,rgba(11,39,56,.05) 100%)}
.cta-points li::before{background-color:rgba(241,223,184,.25)}
.foot-tag{color:#f1dfb8}
.foot-tag{font-style:normal}

.form-success .ok-sent,.form-success .ok-mail{display:none}.form-success[data-sent="1"] .ok-sent,.form-success[data-sent="0"] .ok-mail{display:block}
.form-privacy{margin:0}
