/* Coupon System Styling for ICIC Congress Registration */

/* Coupon Section Styling */
.Coupon-section .Coupon-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

/* Coupon Input Styling */
#couponCode {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}

#couponCode:focus {
  border-color: #0284c7;
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);
  outline: none;
}

/* Coupon Buttons */
.apply-coupon-btn, .remove-coupon-btn {
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

.apply-coupon-btn {
  background-color: #0c4a6e;
  color: white;
}

.apply-coupon-btn:hover {
  background-color: #0369a1;
}

.remove-coupon-btn {
  background-color: #dc2626;
  color: white;
}

.remove-coupon-btn:hover {
  background-color: #b91c1c;
}

/* Coupon Feedback */
#coupon-feedback {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  border-radius: 4px;
  font-weight: 500;
  animation: fadeIn 0.3s ease;
}

#coupon-feedback.success {
  background-color: #dcfce7;
  color: #16a34a;
}

#coupon-feedback.error {
  background-color: #fee2e2;
  color: #dc2626;
}

#coupon-feedback.info {
  background-color: #e0f2fe;
  color: #0284c7;
}

/* When coupon is applied */
#couponCode:disabled {
  background-color: #f8fafc;
  cursor: not-allowed;
}

/* Animation */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Badge to show active coupon */
.coupon-badge {
  display: inline-block;
  padding: 4px 8px;
  background-color: #0c4a6e;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 10px;
  animation: fadeIn 0.3s ease;
}