/*$blue: rgb(127, 166, 178);
$green: rgb(175, 175, 113);
$orange: rgb(195, 125, 39);
$brown: rgb(158, 131, 104);
$beige: rgb(223, 209, 182);
$black: rgb(40, 40, 40);
$white: rgb(255, 255, 255);
$grey: #333333;
*/

#app {
  padding-bottom: 0;
}

/* Rad med loggor, centrerad, med jämna mellanrum */
.logos-row {
  display: flex;
  justify-content: center; /* centrera horisontellt */
  align-items: center; /* centrera vertikalt mot varandra */
  gap: 24px; /* avstånd mellan loggor */
  flex-wrap: wrap; /* bryt till nästa rad på små skärmar */
}

/* Storlek/utseende för varje logo */
.partner_logo {
  max-height: 60px;
  height: auto;
  width: auto; /* låt proportionerna styra */
  display: block; /* säkra att gap/marginal beter sig som väntat */
}

.partner_logo:hover {
  transform: scale(1.05);
}

.card.lms_box {
  background: rgb(175, 175, 113) !important;
  color: #ffffff !important;
}

.lms_logotype {
  width: 50%;
}

/* Global link styling (on beige background) */
a,
a.link-dark {
  color: rgb(40, 40, 40); /* $black */
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
  text-decoration-color: rgba(40, 40, 40, 0.35);
  font-size: large;
}

a:hover,
a:focus:hover {
  color: rgb(195, 125, 39); /* $orange */
  text-decoration-color: currentColor;
}

a:visited {
  color: rgb(158, 131, 104); /* $brown */
}

/* Keyboard focus: visible and on-brand */
a:focus-visible {
  outline: 2px solid rgb(195, 125, 39); /* $orange */
  outline-offset: 2px;
  border-radius: 2px;
}

/* Language nav: slightly smaller but same palette */
.lang-nav a {
  color: rgb(40, 40, 40);
}
.lang-nav a.active {
  font-weight: 700;
  text-decoration-color: currentColor;
}
.lang-nav a:hover {
  color: rgb(195, 125, 39);
}

/* If you ever put links on dark buttons/areas, invert smartly */
.lms_box a.btn,
.lms_box button.btn {
  /* your global button rules already set black/white; keep as-is */
}

#footer {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100%;
}