:root {
  --tblr-font-sans-serif: "Nunito";
}

/* Light theme */
[data-bs-theme="light"] {
  .navbar-nav .nav-link {
    border-radius: var(--tblr-border-radius-pill) !important;
    background-color: var(--tblr-primary-bg) !important;
    color: var(--tblr-primary-color) !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    padding: 0.25rem 0.5rem !important;
    margin-right: 0.25rem;
  }

  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-primary) !important;
  }

  .navbar-nav .nav-link:hover {
    background-color: var(--tblr-secondary-bg) !important;
    color: var(--tblr-info) !important;
  }
}

/* Dark theme */
[data-bs-theme="dark"] {
  .navbar-nav .nav-link {
    border-radius: var(--tblr-border-radius-pill) !important;
    background-color: var(--tblr-primary-bg) !important;
    color: var(--tblr-primary-color) !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    padding: 0.25rem 0.5rem !important;
    margin-right: 0.25rem;
  }

  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    background-color: var(--tblr-secondary) !important;
    color: var(--tblr-primary) !important;
  }

  .navbar-nav .nav-link:hover {
    background-color: var(--tblr-secondary) !important;
    color: var(--tblr-info) !important;
  }
}

/* Dropdown structure */
.nav-item.dropdown {
  position: relative;
}

.nav-item.dropdown .dropdown-menu {
  top: 100%;
  left: 0;
  position: absolute;
  min-width: 12rem;
  margin-top: 0.25rem;
  z-index: 1050;
  display: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* Submenu lateral */
.dropend {
  position: relative;
}

.nav-item.dropdown .dropend > .dropdown-menu {
  top: 0;
  left: 100%;
  position: absolute;
  min-width: 12rem;
  z-index: 1060;
  display: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateX(4px);
  /*margin-left: 0.1rem;*/
}

.dropend:hover > .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

.nav-item.dropdown .dropdown-menu-end {
    right: 0px;
    left: auto;
    top: 100%;
    margin-top: var(--tblr-dropdown-spacer);
}

/* Animații opționale */
#fullenter, #fullexit {
  transition: opacity 0.3s ease;
}

.d-none {
  opacity: 0;
  pointer-events: none;
}