/* =============================================
   ALGERIAN THEME — Huissiers de Justice
   Primary: Algerian Green #006233
   Secondary: Algerian Red (accent only) #D21034
   White: #FFFFFF
   Dark: #1a2e1a
   Light green tint: #e8f5ee
   Mid green: #2d7a4f
   ============================================= */

:root {
  --alg-green:        #006233;
  --alg-green-dark:   #004d28;
  --alg-green-mid:    #2d7a4f;
  --alg-green-light:  #e8f5ee;
  --alg-green-pale:   #f0faf4;
  --alg-red:          #D21034;
  --alg-white:        #ffffff;
  --alg-gray:         #f4f6f4;
  --alg-text-dark:    #1a2e1a;
  --alg-text-muted:   #5a7a5a;
  --alg-border:       #c8dfc8;
  --alg-shadow:       0 4px 24px rgba(0,98,51,0.10);
  --alg-shadow-md:    0 8px 32px rgba(0,98,51,0.15);
  --sidebar-width:    260px;
}

/* ── Bootstrap overrides ── */
.bg-primary,
.btn-primary,
.navbar-dark { background-color: var(--alg-green) !important; }

.btn-primary {
  background: var(--alg-green);
  border-color: var(--alg-green);
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 24px;
  transition: all .2s ease;
}
.btn-primary:hover {
  background: var(--alg-green-dark);
  border-color: var(--alg-green-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,98,51,0.3);
}
.btn-outline-primary {
  color: var(--alg-green);
  border-color: var(--alg-green);
  border-radius: 8px;
  font-weight: 600;
}
.btn-outline-primary:hover {
  background: var(--alg-green);
  border-color: var(--alg-green);
}

.text-primary  { color: var(--alg-green) !important; }
.border-primary { border-color: var(--alg-green) !important; }
.badge.bg-success { background: var(--alg-green) !important; }

a { color: var(--alg-green); }
a:hover { color: var(--alg-green-dark); }

/* ── Cards ── */
.card {
  border: 1px solid var(--alg-border);
  border-radius: 12px;
  box-shadow: var(--alg-shadow);
  transition: box-shadow .2s ease;
}
.card:hover { box-shadow: var(--alg-shadow-md); }
.card-header.bg-primary { background: var(--alg-green) !important; }

/* ── Forms ── */
.form-control:focus,
.form-select:focus {
  border-color: var(--alg-green);
  box-shadow: 0 0 0 3px rgba(0,98,51,0.15);
}

/* ── Table ── */
.table thead th {
  background: var(--alg-green);
  color: white;
  font-weight: 600;
  border: none;
}
.table-hover tbody tr:hover { background: var(--alg-green-pale); }

/* ── Pagination ── */
.page-item.active .page-link {
  background: var(--alg-green);
  border-color: var(--alg-green);
}
.page-link { color: var(--alg-green); }
.page-link:hover { color: var(--alg-green-dark); background: var(--alg-green-light); }

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