/**
 * EntreAgri - Button Styles
 * Override UIKit avec palette personnalisée
 */

/* Primary button */
.uk-button-primary {
  background-color: var(--ea-btn-primary-bg) !important;
  color: var(--ea-btn-primary-color) !important;
  border: none !important;
  border-radius: var(--ea-btn-border-radius) !important;
  padding: var(--ea-btn-padding) !important;
  font-weight: var(--ea-btn-font-weight) !important;
  text-transform: var(--ea-btn-text-transform) !important;
  font-size: var(--ea-btn-font-size) !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.uk-button-primary:hover, .uk-button-primary:focus {
  background-color: var(--ea-btn-primary-hover-bg) !important;
  color: var(--ea-btn-primary-color) !important;
  transform: translateY(-1px);
}

.uk-button-primary:active {
  transform: translateY(0);
}

/* Secondary button */
.uk-button-secondary {
  background-color: var(--ea-btn-secondary-bg) !important;
  color: var(--ea-btn-secondary-color) !important;
  border: none !important;
  border-radius: var(--ea-btn-border-radius) !important;
  padding: var(--ea-btn-padding) !important;
  font-weight: var(--ea-btn-font-weight) !important;
  text-transform: var(--ea-btn-text-transform) !important;
  font-size: var(--ea-btn-font-size) !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.uk-button-secondary:hover, .uk-button-secondary:focus {
  background-color: var(--ea-btn-secondary-hover-bg) !important;
  color: var(--ea-btn-secondary-color) !important;
  transform: translateY(-1px);
}

/* Default button */
.uk-button-default {
  background-color: var(--ea-btn-default-bg) !important;
  color: var(--ea-btn-default-color) !important;
  border: 1px solid var(--ea-btn-default-border) !important;
  border-radius: var(--ea-btn-border-radius) !important;
  padding: var(--ea-btn-padding) !important;
  font-weight: var(--ea-btn-font-weight) !important;
  text-transform: var(--ea-btn-text-transform) !important;
  font-size: var(--ea-btn-font-size) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease !important;
}

.uk-button-default:hover, .uk-button-default:focus {
  background-color: var(--ea-btn-default-hover-bg) !important;
  color: var(--ea-btn-default-color) !important;
  border-color: var(--ea-btn-default-border) !important;
  transform: translateY(-1px);
}

/* Danger button */
.uk-button-danger {
  background-color: var(--ea-btn-danger-bg) !important;
  color: var(--ea-btn-danger-color) !important;
  border: none !important;
  border-radius: var(--ea-btn-border-radius) !important;
  padding: var(--ea-btn-padding) !important;
  font-weight: var(--ea-btn-font-weight) !important;
  text-transform: var(--ea-btn-text-transform) !important;
  font-size: var(--ea-btn-font-size) !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.uk-button-danger:hover, .uk-button-danger:focus {
  background-color: var(--ea-btn-danger-hover-bg) !important;
  color: var(--ea-btn-danger-color) !important;
  transform: translateY(-1px);
}

/* Small variant */
.uk-button-small {
  padding: 0.5rem 1.35rem !important;
  font-size: 12px !important;
}

/* Icon spacing */
.uk-button span + [uk-icon],
.uk-button span + .uk-icon,
.uk-button span + svg {
  margin-left: 6px;
}

.uk-button .uk-icon svg {
  width: 16px;
}

.uk-button span {
  vertical-align: middle;
}

/* Avatar button exception */
.uk-button[style*="border-radius: 50%"],
.uk-button[style*="border-radius:50%"] {
  padding: 0 !important;
}

/* Disabled states */
.uk-button:disabled,
.uk-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}

.uk-button-primary:disabled,
.uk-button-primary[disabled] {
  background-color: #999 !important;
  border-color: #999 !important;
  color: #fff !important;
}

.uk-button-default:disabled,
.uk-button-default[disabled] {
  background-color: #f8f8f8 !important;
  border-color: #e5e5e5 !important;
  color: #999 !important;
}