/* Definerer spesialfonten */
@font-face {
    font-family: 'fold-grotesque';
    src: "/static/fonts/FoldGrotesque-Medium-Pro.otf"; /* Denne er ikke lagt inn på server enda */
  }
  


/* Global stil */
body {
  margin: 0;
  padding: 0;
  font-family: 'fold-grotesque', Arial, Helvetica, sans-serif !important;
  background-color: #F7F7F7; /* Lys bakgrunn */
  color: #333333; /* Mørk tekst */
}

/* Typografi for overskrifter og brødtekst */
h1, h2, h3, h4, h5, h6 {
  font-family: 'fold-grotesque', Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #2A2A2A; /* Dyp grå for overskrifter */
}

p {
  font-size: 16px;
  line-height: 1.6;
  color: #555555; /* Lysere grå for brødtekst */
}

.hidden {
  display: none;
}


.table-responsive {
  overflow-x: auto; /* Enable horizontal scrolling */
}

#projectTable thead th {
  position: sticky;
  top: 0;
  background-color: white;
}



/* Vanlig (standard) tilstand */
.btn-primary {
  background-color: #3C0025;
  border-color: #3C0025;
  color: #FF7474;
}

/* Hover state (når musen er over knappen) */
.btn-primary:hover {
  background-color: #3C0025;
  border-color: #3C0025;
  color: #FF7474;
  opacity: 0.8; /* Hover-effekt */
}

/* Active state (når knappen er klikket) */
.btn-primary:active {
  background-color: #580037; /* Litt mørkere for å indikere trykk */
  border-color: #580037;
  color: #FF8A8A; /* Litt lysere for kontrast */
  opacity: 1;
  box-shadow: none; /* Fjern skygge for et "flatt" trykk */
  transform: scale(0.98); /* Liten skaleringseffekt ved trykk */
}

/* Focus state (når knappen er i fokus, f.eks. via tastatur) */
.btn-primary:focus {
  background-color: #3C0025;
  border-color: #3C0025;
  color: #FF7474;
  box-shadow: 0 0 0 0.25rem rgba(252, 58, 89, 0.5); /* Lys rød skygge ved fokus */
  outline: none; /* Fjern standard kantlinje ved fokus */
}

/* Disabled state (når knappen er deaktivert) */
.btn-primary:disabled {
  background-color: #8A6B78; /* Lysere bakgrunn når deaktivert */
  border-color: #8A6B78;
  color: #FFB3B3; /* Lysere tekst for å indikere inaktiv status */
  opacity: 0.7; /* Redusert opasitet for inaktiv tilstand */
  cursor: not-allowed; /* Endre musepekeren til 'not allowed' */
}

/* Visuell tilbakemelding for tastatur (Focus-visible for bedre tilgjengelighet) */
.btn-primary:focus-visible {
  outline: 2px solid #FF7474;
  outline-offset: 2px; /* Synlig ramme for tastaturfokus */
}


/* Lenker */
a {
  color: #0056B3; /* Blå lenker */
  text-decoration: none;
}

a:hover {
  color: #003E7E; /* Mørkere blå ved hover */
  text-decoration: underline; /* Understrek ved hover */
}


/* Bordere og bokser */
.container, .card, .jumbotron {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Lett skygge for moderne look */
  padding: 20px;
  margin-bottom: 20px;
}