/* vendor-style.css */
.alert-badge {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 25px;
  border-radius: 12px;
  color: #fff;
  font-weight: bold;
  z-index: 9999;
  display: none; /* hidden by default */
}

.alert-badge.success {
  background-color: #28a745; /* green */
}

.alert-badge.error {
  background-color: #dc3545; /* red */
}

.alert-badge .close-btn {
  margin-left: 10px;
  cursor: pointer;
  font-weight: bold;
}

.vendor-btn {
  background-color: #e3342f !important;  /* Red background */
  color: #fff !important;                /* White text */
  border: none !important;
  padding: 10px 20px;                    /* Adjust padding */
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;                 /* Prevent full width */
  width: auto !important;                /* Shrink to fit text */
  text-transform: uppercase;
}

.vendor-btn:hover,
.vendor-btn:focus {
  background-color: #e3342f !important;  /* Stay red on hover */
  color: #fff !important;                /* Keep text white */
}