/* WhatsApp Theme Colors */
:root {
  --whatsapp-primary: linear-gradient(90deg, #25D366 0%, #128C7E 100%);
  --whatsapp-green: #25D366;
  --whatsapp-dark-green: #128C7E;
  --whatsapp-light-green: #dcf8c6;
  --whatsapp-hover: #20b858;
}

/* Primary gradient backgrounds */
.whatsapp-gradient {
  background: var(--whatsapp-primary) !important;
}

/* Navigation bar */
.navbar.whatsapp-theme {
  background: var(--whatsapp-primary) !important;
}

/* Buttons */
.btn-whatsapp {
  background: var(--whatsapp-primary);
  border: none;
  color: white;
  font-weight: bold;
}

.btn-whatsapp:hover {
  background: linear-gradient(90deg, #20b858 0%, #0f7a6b 100%);
  color: white;
}

/* Cards */
.card-whatsapp {
  border-top: 4px solid var(--whatsapp-green);
}

.card-whatsapp .card-header {
  background: var(--whatsapp-primary);
  color: white;
}

/* Login specific styles */
.login-avatar-whatsapp {
  background: var(--whatsapp-primary);
}

.login-brand-whatsapp {
  color: var(--whatsapp-green);
}

/* Dashboard cards */
.card.text-bg-primary-whatsapp {
  background: var(--whatsapp-primary) !important;
}

.card.text-bg-success-whatsapp {
  background: linear-gradient(90deg, #20b858 0%, #1a9c50 100%) !important;
}

.card.text-bg-warning-whatsapp {
  background: linear-gradient(90deg, #ffc107 0%, #e0a800 100%) !important;
}

/* Form controls */
.form-control:focus {
  border-color: var(--whatsapp-green);
  box-shadow: 0 0 0 0.2rem rgba(37, 211, 102, 0.25);
}

/* Links */
.text-whatsapp {
  color: var(--whatsapp-green) !important;
}

/* Alerts */
.alert-whatsapp {
  background-color: var(--whatsapp-light-green);
  border-color: var(--whatsapp-green);
  color: var(--whatsapp-dark-green);
}

/* Sidebar and navigation */
.sidebar-whatsapp {
  background: linear-gradient(180deg, #25D366 0%, #128C7E 100%);
}

/* Data tables */
.table-whatsapp thead th {
  background: var(--whatsapp-primary);
  color: white;
}

/* Progress bars */
.progress-bar-whatsapp {
  background: var(--whatsapp-primary);
}

/* Badges */
.badge-whatsapp {
  background: var(--whatsapp-primary);
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--whatsapp-primary);
  border-radius: 10px;
}

/* Modal headers */
.modal-header-whatsapp {
  background: var(--whatsapp-primary);
  color: white;
}

/* Footer */
.footer-whatsapp {
  background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 100%);
  border-top: 3px solid var(--whatsapp-green);
}

/* Quick Sell Mobile Optimizations */
@media (max-width: 768px) {
  .quick-actions .btn {
    padding: 20px 15px !important;
    font-size: 16px !important;
  }
  
  .quick-actions .btn i {
    font-size: 1.5rem !important;
  }
  
  .quick-actions .btn small {
    font-size: 12px !important;
  }
}

/* Touch-friendly buttons */
.btn-touch {
  min-height: 50px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Large text for better readability */
.mobile-friendly {
  font-size: 18px;
  line-height: 1.5;
}

/* Prevent text selection on mobile buttons */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}