/* styles.css - BamMobi custom styles */
:root {
  --bam-green: #00B140;
  --bam-green-600: #00a43b;
}
/* utility classes to complement Tailwind */
.bg-bam-green { background-color: var(--bam-green) !important; }
.text-bam-green { color: var(--bam-green) !important; }
.border-bam-green { border-color: var(--bam-green) !important; }

/* Buttons */
.btn-primary {
  display: inline-block;
  background: var(--bam-green);
  color: #fff !important;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  transition: transform .06s ease, box-shadow .2s ease;
}
.btn-primary:hover { box-shadow: 0 10px 22px rgba(0,0,0,0.12); transform: translateY(-1px); }

.btn-secondary {
  display: inline-block;
  background: #fff;
  color: var(--bam-green) !important;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  transition: border-color .2s ease, color .2s ease;
}
.btn-secondary:hover { border-color: var(--bam-green); }

/* Cards */
.card { background:#fff; border:1px solid #f1f5f9; border-radius:1rem; padding:1.25rem; box-shadow:0 1px 2px rgba(0,0,0,0.03); }
.card-title { font-weight:600; font-size:1.125rem; margin-top:.5rem; }
.card-body { margin-top:.35rem; color:#4b5563; }
.icon-wrap svg { width:28px; height:28px; fill: var(--bam-green); display:block; }


/* Inputs */
.input {
  width: 100%;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: #111827;
}
.input:focus {
  outline: none;
  border-color: var(--bam-green);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0,177,64,0.12);
}