/* .image-styling { */
/* height: 250px; */
/* width: auto; */
/* border-radius: 10px; */
/* } */
/*  */
/* .momo-trust-sans-alt-font { */
/* font-family: "Momo Trust Sans", sans-serif; */
/* font-optical-sizing: auto; */
/* font-weight: 400; */
/* font-style: normal; */
/* } */
/*  */
/* .topContainer { */
/* justify-self: center; */
/* margin-top: 5%; */
/* display: flex; */
/* justify-content: center; */
/* flex-direction: row; */
/* width: 100%; */
/* gap: 10%; */
/* flex-wrap: wrap; */
/* } */
/*  */
/* .topItem { */
/* padding: 3%; */
/* border-width: 1px; */
/* border-style: solid; */
/* border-color: #000000; */
/* border-radius: 15px; */
/* justify-content: center; */
/* } */
/*  */
/* .topImageText { */
/* justify-self: center; */
/* margin-top: 10px; */
/* } */
/*  */
/* .midContainer { */
/* justify-self: center; */
/* margin-top: 5%; */
/* display: flex; */
/* justify-content: center; */
/* flex-direction: row; */
/* width: 100%; */
/* gap: 10%; */
/* flex-wrap: wrap; */
/* } */
/*  */
/* .midItem { */
/* padding: 3%; */
/* border-width: 1px; */
/* border-style: solid; */
/* border-color: #000000; */
/* border-radius: 15px; */
/* } */
/*  */
/* .midImageText { */
/* justify-self: center; */
/* margin-top: 10px; */
/* } */
/*  */
/* .spacer { */
/* height: 50px; */
/* } */
/*  */
/* .navbar-nav { */
/* .active { */
/* text-decoration: underline; */
/* text-decoration-thickness: 1px; */
/* text-decoration-color: aliceblue; */
/* } */
/* .alt-color { */
/* color: lightgrey; */
/* } */
/* } */
/*  */
/* .navbar { */
/* size-adjust: auto; */
/* height: 6em; */
/* } */
/*  */
/* .container-fluid { */
/* padding-left: 4.5% !important; */
/* } */
/*  */
/* .nav-link.dropdown-toggle::after { */
/* display: none; */
/* } */
/*  */
/* .dropdown:hover > .dropdown-menu { */
/* display: block; */
/* } */
/*  */
/* .dropdown > .dropdown-menu { */
/* margin-top: 0; */
/* } */

/* Base */
html,
body {
  height: 100%;
}
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: #f7f9fc;
  color: #111;
  margin: 0;
}

/* Auth-panel */
.auth-panel {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 340px;
  max-width: 90vw;
  background: #fff;
  border-left: 1px solid #e9ecef;
  box-shadow: -10px 0 24px rgba(0, 0, 0, 0.08);
  transform: translateX(100%);
  transition: transform 0.25s ease;
  z-index: 1200;
}
.auth-panel.open {
  transform: translateX(0);
}

/* Små hjelpere (optional) */
.card-hover {
  transition: box-shadow 0.2s ease;
}
.card-hover:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
}