/* Navigation Styles */

nav a {
  font-family: var( --font-family );
  font-weight: bold !important;
  color: var(   --font-nav-color ) !important;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 500;
  font-size: 13px;
}

.nav-link {
  font-size: 12px !important;
}
nav a:hover {
  color: var( --font-color-hover ) !important;
  text-decoration: none;
}

nav .navbar-brand {
  font-family: 'Larken';
  font-size: 1.5rem;
}

.dropdown-menu {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var( --background-color );
  border: 0;
  border-left: 4.8px solid var( --border-form-color );
  border-radius: 0;
}

#nav-login {
  width: 16rem;
}

#nav-login.dropdown-menu .form-control {
  border: var(--bs-border-width) solid var( --border-form-color );
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: var(--background-header-color);
        padding: 1rem;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1000;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    .navbar-nav {
        padding: 1rem 0;
    }

    .nav-item {
        padding: 0.5rem 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .nav-item:last-child {
        border-bottom: none;
    }

    .dropdown-menu {
        position: static !important;
        width: 100%;
        min-width: 100%;
        margin: 0.5rem 0;
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
}