/* Shadow transition for the card */
.card {
  transition: box-shadow 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0); 
}


.shopping-link {
  color: red; /* Default color */
  text-decoration: none; /* Remove underline by default */
  font-weight: normal;
  transition: color 0.3s, text-decoration 0.3s, font-weight 0.3s; /* Transition for color and underline */
}

.shopping-link:hover {
  color: red; /* Red color on hover */
  text-decoration: underline; /* Underline on hover */
  font-weight: bold;
}

.product-link {
  color: black; /* Default color */
  text-decoration: none; /* Remove underline by default */
  font-weight: normal;
  transition: color 0.3s, text-decoration 0.3s, font-weight 0.3s; /* Transition for color and underline */
}

.product-link:hover {
  color: red; /* Red color on hover */
  text-decoration: underline; /* Underline on hover */
  font-weight: bold;
}

/* Default button styles */
.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
}

/* Button hover styles */
.btn-danger:hover {
  background-color: #bd2130; /* Darker red on hover */
  border-color: #bd2130; /* Darker red for border on hover */
  color: #fff; /* Text color on hover */
}


table {
  width: 100%;
  text-align: center; 
  border-collapse: collapse;
}

/* Centering table cell content */
th,
td {
  text-align: center;
  vertical-align: middle;
}

/* Style for small input */
.small-input {
  width: 50px; /* Adjust the width as needed */
  padding: 5px; /* Adjust the padding as needed */
  font-size: 14px; /* Adjust the font size as needed */
}

.card-with-border {
  border-right: 1px solid black !important;
}

.card-with-border:last-child {
  border-right: none !important;
}

.card-item {
  margin-bottom: 20px !important; /* Add some space between cards */
}

.card-item:not(:last-child) {
  border-right: 1px solid black !important; /* Add border between cards */
}