.navbar-brand {
  width: 55%;
}

.logoImage {
  width: clamp(114px, 27%, 146px);
  height: auto;
}

.navbar {
  display: flex;
  /*flex-wrap: wrap;*/
  width: 100%;
  border-bottom: 1px solid #b0b0b0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #ffffff;
  transition: background-color 0.3s ease-in-out;
  z-index: 1031;
}

.navbar > .container-fluid {
  width: 85%;
}

@media (max-width:992px) {
  .navbar > .container-fluid {
    width: 100%;
  }
}

@media (max-width:1200px) {
  .navbar-nav {
    order: 2;
    display: flex !important;
    position: relative;
    top: auto;
    width: auto!important;
    margin: 0 0 0 auto;
    padding: 0;
    background: 0;
    align-items: center;
  }
}

.navbar-nav {
  order: 2;
  display: flex !important;
  position: relative;
  top: auto;
  width: max-content;
  margin: 0 1.5em 0 auto;
  padding: 0;
  background: 0;
  align-items: start;
}

.nav-link {
  font-weight: 580;
  color: var(--bs-gray-700);
  text-decoration: none;
  background: 0 0;
  transition: color .15s ease-in-out;
  word-wrap: inherit;
  text-transform: uppercase;
  padding: .5rem;
}

.nav-link:hover {
  cursor: pointer;
  font-weight: 585;
  color: rgb(106, 170, 106)!important;
  text-decoration: none;
}

.nav-link:focus, .nav-link.active {
  color: var(--bs-primary)!important;
}

/* @media (max-width:768px) {
  .top-div {
    margin-top: 19%;
  }
} */

.responsive-nav-link {
  color: rgba(0,0,0,0.65);
  text-decoration: none;
  display: flex;
  align-items: center;
}

/* Mantiene il testo visibile su desktop */

.responsive-nav-link .link-text {
  display: inline;
  margin-right: 0.5rem;
}

/* Nasconde il testo su schermi inferiori a 992px (mobile e tablet) */

@media (max-width: 991.98px) {
  .responsive-nav-link .link-text {
    display: none;
  }
}

/* Stato iniziale */

.navbar-transition {
  background-color: rgb(250, 255, 243);
}

.dropdown-menu {
  transition: opacity 0.2s ease;
  background-color: white;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-primary)!important;
  background-color: #ffffff;
}

@media (max-width: 1200px) {
  .libridropdown {
    /*width: 100%!important;*/
    /*color: var(--bs-dropdown-link-color);*/
    white-space: normal!important;
  }
}

@media (max-width: 1200px) {
  .librimenu {
    position: absolute!important;
    width: 17rem;
  }
}

.mobile-cart a {
  color: var(--bs-navbar-color, #212529)!important;
  text-decoration: none;
  right: 0;
}

.mobile-cart a:hover {
  color: var(--bs-primary)!important;
}

@media (max-width: 1199.98px) {
  .mobile-cart {
    margin-right: .5rem;
    z-index: 1055;
  }
}