/*
 * Custom CSS
 */

:root {
  --bs-body-bg: var(--bs-gray-100);
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

.label-bg {
  background-color: rgb(231 0 255);
}

.highlighted {
  background-color: yellow;
}

a[id^="user"] {
  padding: 5px;
  border-radius: 5px;
}

.navbar {
  background-image: linear-gradient(90deg, #e844f7, #6651f0);
}

.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: 10px;
}

.navbar .navbar-nav .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}

/* product card top */

.cards-wrapper {
  display: flex;
  justify-content: center;
}

.card img {
  max-width: 100%;
  max-height: 100%;
}

.card .card-img-top {
  border-radius: 0;
  border-color: #dee2e6;
}

.card {
  border-radius: 0;
  border-color: #dee2e6;
}

.card.basket {
  border-radius: 10px;
  border: 0;
  box-shadow: 0 2px 10px #c5bcff;
}

.card .price {
  color: rgba(16, 196, 76);
  font-size: 20px;
  font-weight: 700;
}

.card .price-red {
  color: rgb(241, 17, 126);
  font-size: 20px;
  font-weight: 700;
}

.card .old-price {
  color: rgb(153, 163, 174);
  font-size: 14px;
  font-weight: 600;
  text-decoration: line-through;
}

.card .discont-price {
  color: rgb(241, 17, 126);
  font-size: 14px;
  font-weight: 600;
}

a.card-text {
  text-decoration: none;
  color: var(--bs-body-color);
}

a.card-text:hover {
  color: #005bff;
}


/* product */

.product-carousel {
  width: 100px;
  max-width: 100px;
}

.product-carousel img {
  width: 100px;
  max-width: 100px;
}

/* category */

.category-image {
  height: 100px;
  max-height: 100px;
}