body{
margin:0;
font-family:Inter,sans-serif;
color:white;
background-image:url('nettside1.png');
background-size:cover;
background-position: 65% center;
background-attachment: scroll;
}

.overlay{
  position:fixed;
  inset:0;
  background:rgba(8,20,40,0.30);

  z-index:-1;   /* 🔥 KRITISK FIX */
}

.ticker{
background:#000;
overflow:hidden;
white-space:nowrap;
border-bottom:2px solid #C6A15B;
}

.ticker-track{
display:inline-block;
padding:10px 0;
animation:scroll 35s linear infinite;
}

.ticker-item{
margin-right:40px;
font-weight:600;
}

.pos{color:#2ECC71;}
.neg{color:#E74C3C;}

@keyframes scroll{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

.hero{
  padding:200px 20px 120px;
  text-align:center;
}

.hero h1{
font-family:"Playfair Display",serif;
font-size:80px;
}

.hero h2{color:#C6A15B;}

.hero h1{
  margin-bottom:20px;
}

.hero h2{
  margin-bottom:10px;
}

.hero p{
  margin-bottom:30px;
}

.concept,.calc-section,.chart-section,.saga{
  padding:80px 20px;
  padding-top:40px;
  text-align:center;
}

.calc-section{
  padding:120px 20px 80px;
}

.vehicle-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
max-width:1000px;
margin:auto;
}

.vehicle-card{
  background:rgba(10,20,40,0.6);
  border:1px solid rgba(255,255,255,0.05);
}

.calc-box{
  background:rgba(255,255,255,0.06);
  backdrop-filter: blur(14px) brightness(1.1);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 30px 80px rgba(0,0,0,0.6);

  max-width:600px;
  margin:40px auto;
  padding:30px;
}

.calc-box h2{
  margin-bottom: 25px;
}

.calc-box h3{
  margin-top:20px;
  margin-bottom:5px;
}

.calc-box p{
  margin-bottom:10px;
}

input{
  width:100%;
  padding:12px;
  margin-top:8px;
  margin-bottom:16px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  color:white;
  border-radius:8px;
  font-size:16px;

  -webkit-appearance:none;
  appearance:none;
  -webkit-text-fill-color:white;
}

input:focus,
input:active{
  color:white !important;
  -webkit-text-fill-color:white !important;
  outline:none;
}

input:-webkit-autofill{
  -webkit-text-fill-color:white !important;
  transition: background-color 9999s ease-in-out 0s;
}
button{
  padding:12px 20px;
  background:#C6A15B;
  border:none;
  font-weight:600;
  cursor:pointer;
}

button:hover{
  transform: translateY(-2px);
  background:#d4b26a;
}
input[type="number"]{
  color:white !important;
  -webkit-text-fill-color:white !important;
}

footer{
  background:rgba(10,20,40,0.4);
  backdrop-filter: blur(12px);
  border-top:1px solid rgba(255,255,255,0.05);

  padding:40px 20px;
  text-align:center;
}

footer p{
  margin:5px 0;
}

.legal a{
  color:#9aa4af;
  text-decoration:none;
  font-size:12px;
}

.legal a:hover{
  color:white;
}

.legal{
display:flex;
gap:20px;
justify-content:center;
margin-top:20px;
}

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 20px;
  z-index: 10000;

  backdrop-filter: blur(12px);
  background:rgba(8,20,40,0.4);
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.topbar-content {
  display: flex;
  align-items: center;
  justify-content: space-between;  /* 🔥 legg til denne */
  gap: 10px;
  max-width: 1200px;
  margin: 0 auto;     /* 🔥 sentrerer */
  width: 100%;
}

.brand {
  font-weight: 600;
  color: white;
  cursor: pointer;
}

.brand:hover {
  color: #C6A15B;
}
.tagline {
  color: #9aa4af;
}

#chart{
  max-height:180px;
  margin-top:15px;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6));
}

.gold-line {
  margin-top: 10px;
  height: 1px;
  width: 220px;
  opacity: 0.7;
  background: #C6A15B;
}
@media (max-width: 768px){

  /* Topbar */
  .topbar-content{
    font-size:12px;
  }

  /* Hero */
  .hero{
    padding:120px 20px 80px;
  }

  .hero h1{
    font-size:42px;
  }

  .hero h2{
    font-size:18px;
  }

  .hero p{
    font-size:14px;
  }

  /* Grid */
  .vehicle-grid{
    grid-template-columns: 1fr;
  }

  /* Kalkulator */
  .calc-box{
    padding:20px;
}
}

/* FIX iOS blå tekst i input */
input,
textarea,
select {
  color: white !important;
  -webkit-text-fill-color: white !important;
}

input:focus,
input:active,
textarea:focus {
  color: white !important;
  -webkit-text-fill-color: white !important;
}

/* iOS autofill */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: white !important;
  box-shadow: 0 0 0px 1000px rgba(10,20,40,0.75) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* HARD OVERRIDE iOS input text color */
input,
input:focus,
input:active,
input:visited,
input:hover {
  color: white !important;
  -webkit-text-fill-color: white !important;
  caret-color: white !important;
}

/* Fjerner iOS blå highlight / link styling */
input::-webkit-input-placeholder {
  color: #9aa4af;
}

input:disabled {
  -webkit-text-fill-color: white !important;
}

/* EXTREME iOS FIX */
* {
  -webkit-tap-highlight-color: transparent;
}

input {
  caret-color: white;
}

.updates{
  padding:80px 20px;
  text-align:center;
}

.accordion{
  max-width:800px;
  margin:40px auto;
}

.accordion-item{
  margin-bottom:15px;
  border-radius:10px;
  overflow:hidden;
  background:rgba(10,20,40,0.85);
  border:1px solid rgba(255,255,255,0.05);
}

.accordion-header{
  width:100%;
  text-align:left;
  padding:18px 20px;
  font-size:16px;
  background:transparent;
  color:white;
  border:none;
  cursor:pointer;
  font-weight:500;
  display:flex;
  justify-content:space-between;
}

.accordion-header:hover{
  background:rgba(255,255,255,0.03);
}

.accordion-content{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease;
  padding:0 20px;
  text-align:left;
}

.accordion-content p,
.accordion-content li{
  color:#9aa4af;
  font-size:14px;
}

.accordion-content ul{
  margin-top:10px;
  padding-left:18px;
}

.accordion-item.active .accordion-content{
  max-height:300px;
  padding:15px 20px 20px;
}

.news-btn{
  background:transparent;
  border:none;
  color:#6b7684; /* mer dempet */
  font-size:12px;
  cursor:pointer;
  letter-spacing:0.5px;
}

.news-btn:hover{
  color:#C6A15B; /* premium hover */
}

.news-menu {
  position:absolute;
  top:30px;          /* litt lavere */
  right:0;

  margin-top:0;      /* 🔥 fjern luft */

  background:rgba(8,18,35,0.95);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:8px;
  padding:12px;
  width:240px;

  display:none;

  box-shadow:0 10px 30px rgba(0,0,0,0.4);

  z-index:100000;
  pointer-events:auto;
}

 .submenu {
  position:relative;
  z-index:100001;

  top: 5px;        /* 🔥 mye tettere */
  margin-top: 0;   /* 🔥 fjern luft */

  background:rgba(8,18,35,0.95);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:8px;
  padding:8px;     /* evt litt mindre padding */
  width:240px;

  display:none;
}

.news-btn{
  background:transparent;
  border:none;
  color:#6b7684;
  font-size:12px;
  cursor:pointer;
  letter-spacing:0.5px;
}

.news-btn:hover{
  color:#C6A15B;
}

/* Items */
.news-item{
  display:block;
  padding:10px 14px;
  font-size:13px;
  color:#9aa4af;
  text-decoration:none;
  transition:all 0.2s ease;
}

.news-item:hover{
  background:rgba(255,255,255,0.04);
  color:white;
}

/* Active */
.news-dropdown.active .news-menu{
  display:block;
}

.news-dropdown.active .news-menu{
  display:block !important;
}

.news-menu{
  z-index: 99999;
}

.news-dropdown{
  position:relative;
  z-index:10000;
  margin-left: auto;
}

.overlay{
  pointer-events:none;
}
.brand-wrap{
  display:flex;
  align-items:center;
  margin-right:20px;
}

.brand{
  font-weight:600;
  color:white;
  cursor:pointer;
}

.brand:hover{
  color:#C6A15B;
}

.tagline{
  color:#9aa4af;
}

/* 🚨 FORCE FIX iOS blå tekst */
input,
input:focus,
input:active {
  color: white !important;
  -webkit-text-fill-color: white !important;
}

/* 🔥 Fjerner iOS blå bakgrunn + tekst */
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: white !important;
  box-shadow: 0 0 0px 1000px rgba(10,20,40,1) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* 🔥 KRITISK – dette mangler hos deg */
input,
textarea,
select {
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* 🚨 STOP iOS auto-link styling (BLÅ TEKST) */
.legal a {
  color:#9aa4af;
  text-decoration:none;
}

/* 🔥 iOS data detection override */
* {
  -webkit-text-size-adjust: 100%;
}

body {
  -webkit-touch-callout: none;
}

/* 🚨 FIX iOS blå knappetekst */
button {
  -webkit-appearance: none;
  appearance: none;

  color: white !important;
  -webkit-text-fill-color: white !important;

  background: #C6A15B;
}
button:focus,
button:active {
  color: white !important;
  -webkit-text-fill-color: white !important;
}

/* 🚨 STOP iOS blå focus state på buttons */
button,
button:focus,
button:active,
button:visited {
  color: white !important;
  -webkit-text-fill-color: white !important;
  outline: none !important;
}

/* 🔥 KRITISK – fjerner iOS highlight */
button {
  -webkit-tap-highlight-color: transparent;
}

button,
button:focus,
button:active {
  color: white !important;
  -webkit-text-fill-color: white !important;
}

.menu-item{
  padding:10px 14px;
  font-size:13px;
  color:#9aa4af;
  cursor:pointer;
}

.menu-item:hover{
  background:rgba(255,255,255,0.04);
  color:white;
}

.submenu{
  display:none;
  padding-left:10px;
}

.submenu .news-item{
  font-size:12px;
}

/* aktiv submenu */
.submenu.active{
  display:block;
}