@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap');

.navbar {
  font-size: 1.1rem;
  background-color: #198754 !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .dropdown-toggle {
  color: #fff !important;
}

.navbar .navbar-brand {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover {
  color: #198754 !important;
  background: #aaf4c7;
  border-radius: 0.25rem;

}

.navbar .dropdown-menu {
  background-color: #198754 !important;
}

.navbar .dropdown-item {
  color: #fff !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background-color: #157347 !important;
  color: #ffe082 !important;
}

#cart-link {
  position: relative;
}
#cart-count {
  top: 0.2em;
  right: 0.2em;
  font-size: 0.7em;
  min-width: 1.5em;
  min-height: 1.5em;
  padding: 0.2em 0.4em;
  display: none;
}

.offcanvas.offcanvas-end {
  background-color: #198754 !important;
  color: #fff !important;
}

.offcanvas.offcanvas-end .offcanvas-title,
.offcanvas.offcanvas-end .btn-close {
  color: #fff !important;
  filter: invert(1) grayscale(1) brightness(2);
}

.offcanvas.offcanvas-end .offcanvas-body {
  color: #fff !important;
}