/* HEADER WRAPPER */
.login-header .navbar .container-fluid {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}

/* FJERN padding fra container-fluid */
.login-header .container-fluid {
  padding: 0 !important;
}

/* SAMME padding som main */
.main-content-wrapper,
.login-header .navbar .container-fluid {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  box-sizing: border-box;
}

.main-content-wrapper,
.login-header .navbar .container-fluid {
  max-width: 1140px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* LOGO */
.navbar-brand {
  font-weight: 600;
  color: #0d6efd;
}

.navbar-brand img {
  height: 40px;
}

/* NAV LINKS */
.login-header .nav-link {
  font-weight: 500;
  color: #333;
  text-decoration: none !important;
  transition: color 0.1s ease;
  border-radius: 0.5rem;
}

.login-header .nav-link.active {
  color: #0d6efd;
}

@media (min-width: 768px) {
  .login-header .nav-link:hover {
    color: #004aad;
  }
}

/* USER DROPDOWN BUTTON */
#userDropdown,
#userDropdown:visited,
#userDropdown:hover,
#userDropdown:focus {
  text-decoration: none !important;
  border-radius: 0.5rem;
}

/* USER DROPDOWN MENU */
.dropdown-menu {
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.dropdown-menu .dropdown-item {
  text-decoration: none !important;
  cursor: pointer;
}

.dropdown-menu .dropdown-item:hover {
  text-decoration: none !important;
}

/* USER BUTTON (DESKTOP) */
@media (min-width: 768px) {
  #userDropdown {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff;
    transition: all 0.15s ease;
    text-decoration: none !important;
    border-radius: 0.5rem;
  }

  #userDropdown:hover,
  #userDropdown:focus {
    background-color: #0b5ed7 !important;
    border-color: #0b5ed7 !important;
    color: #fff !important;
  }
}

/* CARET ROTATION (fa-angle-down) */
#userDropdown .fa-angle-down,
#mobileUserDropdown .fa-angle-down {
  transition: transform 0.15s ease;
}

#userDropdown[aria-expanded="true"] .fa-angle-down,
#mobileUserDropdown[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
}

#userDropdown::after,
#mobileUserDropdown::after {
  display: none !important;
}

/* MOBILE NAVIGATION */
@media (max-width: 767px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .navbar-nav .nav-link,
  .navbar .user-section a {
    display: block;
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0.5rem;
    background: transparent;
    border: none !important;
    text-decoration: none !important;
    color: #333;
  }

  .navbar-nav .nav-link.active {
    color: #0d6efd !important;
    font-weight: 600 !important;
  }

  /* Mobil dropdown styling */
  .navbar .user-section .dropdown-menu {
    width: 100%;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
  }

  .navbar .user-section .dropdown-item {
    background: none !important;
    border: none !important;
    padding: 0.75rem 0 !important;
    color: #212529 !important;
  }

  /* Profil: blå og uden hover-ændringer */
  .navbar .user-section .dropdown-item.link-profile {
    color: #0d6efd !important;
    font-weight: 600;
  }
  .navbar .user-section .dropdown-item.link-profile:hover,
  .navbar .user-section .dropdown-item.link-profile:focus {
    background: none !important;
    color: #0d6efd !important;
  }

  /* Log ud: rød og uden hover-ændringer */
  .navbar .user-section .dropdown-item.link-logout {
    color: #dc3545 !important;
    font-weight: 600;
  }
  .navbar .user-section .dropdown-item.link-logout:hover,
  .navbar .user-section .dropdown-item.link-logout:focus {
    background: none !important;
    color: #dc3545 !important;
  }

  .navbar .user-section {
    border-top: 1px solid #e9ecef;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
  }

  .navbar .user-section .dropdown-toggle {
    color: #212529 !important;
    border: none !important;
  }
  .navbar .user-section .dropdown-toggle i {
    color: #212529 !important;
  }
}

/* REMOVE FOCUS OUTLINE */
.navbar .nav-link:focus,
.navbar .btn:focus,
.navbar .dropdown-toggle:focus,
.navbar .dropdown-item:focus {
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  /* Fjern dobbelt linje og centrer-knap */
  .navbar .user-section {
    border-top: 1px solid #e9ecef; /* behold kun én linje */
    margin-top: 0;
    padding-top: 0.75rem;
  }

  /* Sørg for at "Prøv gratis" knappen fylder hele bredden */
  .navbar .user-section .btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0.5rem 0 0 0;
  }

  /* Fjern ekstra border fra Bootstrap-nav */
  .navbar-nav:not(.user-section) .nav-item + .nav-item {
    border-top: none !important;
  }

  /* Sørg for at "Log ind" ikke har sin egen linje over sig */
  .navbar .user-section .nav-item.border-top {
    border-top: none !important;
  }
}

#mobileUserIndexTryBtn {
  color: #0d6efd;
}