/* Button Fixes - ALL Buttons Must Be Solid Colors */

/* Global button reset - NO gradients, NO transparency issues */
button,
.btn,
a.btn,
input[type="button"],
input[type="submit"] {
  background-image: none !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  transition: all 0.2s ease-in-out !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
}

/* Primary Button - Dark Blue */
.btn-primary,
button[class*="primary"],
.bg-primary {
  background: #1e40af !important;
  background-color: #1e40af !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-primary:hover,
button[class*="primary"]:hover,
.bg-primary:hover {
  background: #1e3a8a !important;
  background-color: #1e3a8a !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3) !important;
}

/* Success Button - Emerald */
.btn-success,
button[class*="success"],
.bg-success {
  background: #10b981 !important;
  background-color: #10b981 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-success:hover,
button[class*="success"]:hover,
.bg-success:hover {
  background: #059669 !important;
  background-color: #059669 !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

/* Warning Button - Amber */
.btn-warning,
button[class*="warning"],
.bg-warning {
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-warning:hover,
button[class*="warning"]:hover,
.bg-warning:hover {
  background: #d97706 !important;
  background-color: #d97706 !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3) !important;
}

/* Danger Button - Red */
.btn-danger,
button[class*="danger"],
.bg-danger,
.btn-delete {
  background: #ef4444 !important;
  background-color: #ef4444 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-danger:hover,
button[class*="danger"]:hover,
.bg-danger:hover,
.btn-delete:hover {
  background: #dc2626 !important;
  background-color: #dc2626 !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3) !important;
}

/* Info Button - Cyan */
.btn-info,
button[class*="info"],
.bg-info {
  background: #06b6d4 !important;
  background-color: #06b6d4 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-info:hover,
button[class*="info"]:hover,
.bg-info:hover {
  background: #0891b2 !important;
  background-color: #0891b2 !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3) !important;
}

/* Secondary/Gray Button */
.btn-secondary,
button[class*="secondary"],
.bg-secondary,
button[data-fc-dismiss] {
  background: #6b7280 !important;
  background-color: #6b7280 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-secondary:hover,
button[class*="secondary"]:hover,
.bg-secondary:hover,
button[data-fc-dismiss]:hover {
  background: #4b5563 !important;
  background-color: #4b5563 !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3) !important;
}

/* Fix white/transparent buttons */
button[class*="bg-white"],
.btn[class*="bg-white"],
button[class*="white"],
a[class*="bg-white/"] {
  background: #1e40af !important;
  background-color: #1e40af !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

button[class*="bg-white"]:hover,
.btn[class*="bg-white"]:hover {
  background: #1e3a8a !important;
  background-color: #1e3a8a !important;
  background-image: none !important;
}

/* Fix gray buttons with poor contrast */
button[class*="bg-gray"],
.btn[class*="bg-gray"] {
  background: #6b7280 !important;
  background-color: #6b7280 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

button[class*="bg-gray"]:hover,
.btn[class*="bg-gray"]:hover {
  background: #4b5563 !important;
  background-color: #4b5563 !important;
  background-image: none !important;
}

/* Fix blue buttons */
button[class*="blue"],
.btn[class*="blue"],
a[class*="blue"] {
  background: #1e40af !important;
  background-color: #1e40af !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

button[class*="blue"]:hover,
.btn[class*="blue"]:hover {
  background: #1e3a8a !important;
  background-color: #1e3a8a !important;
  background-image: none !important;
}

/* Remove ALL gradient classes from buttons */
button[class*="from-"],
button[class*="to-"],
button[class*="gradient"],
.btn[class*="from-"],
.btn[class*="to-"],
.btn[class*="gradient"] {
  background-image: none !important;
}

/* Ensure button text is always readable */
button,
.btn {
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* Button focus states */
button:focus,
.btn:focus {
  outline: 2px solid #1e40af !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
}

/* Disabled buttons */
button:disabled,
.btn:disabled,
button[disabled],
.btn[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Small buttons */
.btn-sm {
  padding: 8px 16px !important;
  font-size: 14px !important;
}

/* Large buttons */
.btn-lg {
  padding: 12px 24px !important;
  font-size: 16px !important;
}

/* Rounded buttons */
.btn.rounded-full,
button.rounded-full {
  border-radius: 9999px !important;
}

/* Button groups */
.btn-group button,
.btn-group .btn {
  margin: 0 2px !important;
}