/* Cookie consent banner: alltid skjult som default, vises kun av JS */
#cookie-consent-banner { display: none; }

/* IKKE-KRITISK CSS - Lastes asynkront etter LCP */

/* Font (kan vente) - font-display: swap forbedrer FCP */
@font-face{font-family:'Century Gothic';src:url('/static/fonts/centurygothic-subset.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;size-adjust:95%;ascent-override:105%;descent-override:35%}
.hagelandit-font{font-family:'Century Gothic','Arial',sans-serif}

/* Lenker og interaktivitet */
body a{color:#7db3ff;text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;transition:all .15s ease-in-out}
body a:hover,body a:focus{color:#fff;text-decoration-thickness:2px}
p a:not(.btn):not(.hagelandit-link),li:not(.nav-item)>a:not(.btn):not(.hagelandit-link),.content a:not(.btn){color:#dee2e6;font-style:italic}
p a:hover,li:not(.nav-item)>a:hover,.content a:hover{color:#7db3ff}

/* Navigasjon */
.nav{--bs-nav-link-padding-x:0.5rem}
.nav-link{transition:background-color .15s ease-in-out,color .15s ease-in-out}
.nav-link:hover,.nav-link:focus{background-color:rgba(255,255,255,0.1);border-radius:0.375rem}
.nav-link.text-secondary{color:#a8b3c0!important}

/* Breadcrumbs */
.breadcrumb-item.active,
.breadcrumb-item.active.text-white-50,
.breadcrumb-item.active.text-white {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* Focus states */
*:focus-visible{outline:3px solid #7db3ff!important;outline-offset:2px}
.btn:focus-visible{outline:3px solid #fff!important;outline-offset:2px;box-shadow:0 0 0 0.25rem rgba(255,102,0,0.5)}

.skip-to-main{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;text-decoration:none;z-index:100;font-weight:600}
.skip-to-main:focus{top:0;color:#fff}

/* Hageland IT-lenker */
.hagelandit-link{color:#f8f9fa;text-decoration:none;display:block;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}
.hagelandit-link:hover{transform:translateY(-2px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.3)}
.hagelandit-link .border,.hagelandit-link>div{transition:border-color .15s ease-in-out,background-color .15s ease-in-out}
.hagelandit-link:hover .border,.hagelandit-link:hover>div{border-color:rgba(255,255,255,0.3)!important;background-color:rgba(255,255,255,0.05)}
.hagelandit-link .border>div,.hagelandit-link>div>div{padding-right:3rem;display:flex;flex-direction:column;gap:0.25rem}
.hagelandit-link span.fs-4{display:block;font-weight:600;line-height:1.2}
.hagelandit-link i{transition:color .15s ease-in-out,opacity .15s ease-in-out}
.hagelandit-link:hover i{color:#fff;opacity:1}

/* Utility */
.hoverunderstrek{text-decoration:none!important}
.hoverunderstrek:hover,.hoverunderstrek:focus{text-decoration:underline!important}
.hagelandit-farge{background-color:#ff6600}

/* FAQ - Redesign med bedre spacing og visuell hierarki */
.faq-section{
  margin-bottom:1.5rem;
  background:rgba(255,255,255,0.03);
  border-radius:0.5rem;
  padding:1rem;
  transition:all 0.2s ease-in-out
}
.faq-section:hover{
  background:rgba(255,255,255,0.05);
  box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.2)
}
.faq-section label.question{
  display:block;
  cursor:pointer;
  padding:0.75rem 0;
  font-size:1.1rem;
  transition:color 0.2s ease-in-out
}
.faq-section label.question:hover{color:#7db3ff}
.faq-section label.question i{
  transition:transform 0.3s ease-in-out;
  display:inline-block
}
.faq-section input[type="checkbox"]:checked+label.question i{transform:rotate(90deg)}
.faq-section .answer{
  display:none;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,0.1);
  animation:fadeIn 0.3s ease-in-out
}
.faq-section input[type="checkbox"]:checked+label+.answer{display:block}
.faq-section .answer img{
  max-width:600px!important;
  width:100%!important;
  height:auto;
  margin-top:1.5rem;
  box-shadow:0 0.5rem 1rem rgba(0,0,0,0.3);
  transition:transform 0.2s ease-in-out
}
.faq-section .answer img:hover{transform:scale(1.02)}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){.faq-section .answer img{max-width:100%!important}}

/* Tables */
.table.table-dark{--bs-table-bg:transparent;--bs-table-striped-bg:rgba(255,255,255,.04);--bs-table-hover-bg:rgba(255,255,255,.06);--bs-table-border-color:rgba(255,255,255,.18)}
.row-highlight-high>*{box-shadow:inset 0 0 0 9999px rgba(220,53,69,.12)}
.row-highlight-low>*{box-shadow:inset 0 0 0 9999px rgba(25,135,84,.12)}
.figure-caption,.img-caption{color:rgba(255,255,255,.70)}