/* ── Shared language banner (fixed bg) — bunn-CTA på flere sider ──
   Bruk: {% include '_lang_banner.html' %} på siden, denne CSS-en er
   lastet globalt via base.html. Speilet fra voices_engines.css/how_it_works.css. */
/* margin-top 0: banner møter forrige seksjon direkte (user-spec).
   border-top forblir for visuell separasjon. */
.lang-banner{
  position:relative;margin:0;overflow:hidden;
  border-top:1px solid rgba(232,81,36,.35);
  border-bottom:1px solid rgba(232,81,36,.35);
}
:root[data-theme="day"] .lang-banner{
  border-top-color:rgba(232,81,36,.30);
  border-bottom-color:rgba(232,81,36,.30);
}
.lang-banner-bg{
  background-image:var(--img-translate-1);background-size:cover;background-position:center;background-attachment:fixed;
  min-height:440px;display:flex;align-items:center;
}
@media (prefers-reduced-motion: reduce){.lang-banner-bg{background-attachment:scroll;}}
@media(max-width:900px){.lang-banner-bg{background-attachment:scroll;}}
.lang-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,.80);
}
:root[data-theme="day"] .lang-overlay{background:linear-gradient(90deg,rgba(250,246,238,.92) 0%,rgba(250,246,238,.6) 55%,rgba(250,246,238,.1) 100%);}
.lang-content{
  position:relative;z-index:2;
  max-width:1480px;margin:0 auto;padding:80px 40px;
  color:#fff;text-align:left;
}
@media(max-width:600px){.lang-content{padding:48px 20px;}}
:root[data-theme="day"] .lang-content{color:#0f172a;}
.lang-content .eyebrow{color:#fbbf24;margin-bottom:14px;display:inline-block;}
:root[data-theme="day"] .lang-content .eyebrow{color:#92590a;}
.lang-content h2{font-size:42px;line-height:1.1;max-width:780px;margin:0 0 18px;color:inherit;text-align:left;}
.lang-content p{font-size:17px;max-width:560px;line-height:1.55;margin-bottom:28px;color:rgba(255,255,255,.92);}
:root[data-theme="day"] .lang-content p{color:#1a1f2e;}
.lang-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
@media(max-width:700px){.lang-content{padding:48px 28px;}.lang-content h2{font-size:30px;}}