/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/****************************************************
  STOOR OF LAPPLAND — Header Navigation
  Endast border under menyn + hover på länkar
  Accent: rgb(26, 188, 156)
****************************************************/

:root {
  --accent: rgb(26, 188, 156);
  --hover-bg: rgba(26,188,156,0.20);
  --active-bg: rgba(26,188,156,0.35);
  --menu-bg: #fff;
  --menu-text: #161616;
  --menu-text-hover: #000;
}

/* Själva menyn */
header .navbar,
header nav:first-of-type {
  background: var(--menu-bg) !important;
  border: none !important;                 /* nollställ alla borders */
  border-bottom: 3px solid var(--accent) !important; /* EN linje under menyn */
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Menylänkar */
header .navbar .navbar-nav .nav-link,
header nav:first-of-type .navbar-nav .nav-link {
  color: var(--menu-text) !important;
  text-decoration: none !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent !important;
  transition: background-color .2s ease, color .2s ease;
}

/* Hover-effekt */
header .navbar .navbar-nav .nav-link:hover,
header nav:first-of-type .navbar-nav .nav-link:hover {
  background: var(--hover-bg) !important;
  color: var(--menu-text-hover) !important;
}

/* Aktiv länk */
header .navbar .navbar-nav .nav-link.active,
header .navbar .navbar-nav .nav-item.active .nav-link,
header nav:first-of-type .navbar-nav .nav-link.active,
header nav:first-of-type .navbar-nav .nav-item.active .nav-link {
  background: var(--active-bg) !important;
  color: var(--menu-text-hover) !important;
  font-weight: 600 !important;
}

/* För säkerhets skull: inga hovereffekter på logga/ikoner */
header a:not(.nav-link):hover {
  background: transparent !important;
}