/**
 * نمط الأزرار الموحد - Unified button style for the system
 * استخدام: btn btn-primary | btn btn-outline-black | btn btn-outline-red | btn btn-outline-blue | btn btn-outline-green
 */

/* btn-primary - الزر الرئيسي (اللون الأسود) */
.btn.btn-primary {
  background: #212529 !important;
  border: 2px solid #212529 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-primary:hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.btn.btn-primary:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

/* btn-secondary - زر ثانوي (حدود رمادية) */
.btn.btn-secondary {
  background: transparent !important;
  border: 2px solid #6b7280 !important;
  color: #374151 !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-secondary:hover {
  background: #f3f4f6 !important;
  color: #111827 !important;
  border-color: #6b7280 !important;
}

/* btn-outline-black - النمط الأساسي (حدود داكنة، خلفية شفافة) */
.btn.btn-outline-black {
  background: transparent !important;
  border: 2px solid #212529 !important;
  color: #212529 !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-outline-black:hover {
  background: #212529 !important;
  color: #ffffff !important;
  border-color: #212529 !important;
}

/* btn-outline-red */
.btn.btn-outline-red {
  background: transparent !important;
  border: 2px solid #dc2626 !important;
  color: #dc2626 !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-outline-red:hover {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
}

/* btn-outline-blue */
.btn.btn-outline-blue {
  background: transparent !important;
  border: 2px solid #2563eb !important;
  color: #2563eb !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-outline-blue:hover {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}

/* btn-outline-green */
.btn.btn-outline-green {
  background: transparent !important;
  border: 2px solid #16a34a !important;
  color: #16a34a !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-outline-green:hover {
  background: #16a34a !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
}

/* btn-outline-white */
.btn.btn-outline-white {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
}

.btn.btn-outline-white:hover {
  background: #ffffff !important;
  color: #212529 !important;
  border-color: #ffffff !important;
}

/* Icon spacing */
.btn i,
.btn .ki {
  font-size: 1rem;
  line-height: 1;
}