/* EA01 Platform — UGent huisstijl overrides voor Bootstrap 5 */

:root {
  --bs-primary: #1E64C8;
  --bs-primary-rgb: 30, 100, 200;
  --bs-body-bg: #F4F6F9;
  --bs-body-color: #2C3E50;
  --bs-border-color: #DEE2E8;
  --bs-font-sans-serif: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ea01-primary-hover: #1550A0;
  --ea01-muted: #6C7A8D;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
}

/* Navbar */
.navbar {
  background-color: #1E64C8 !important;
  border-radius: 0;
}

.navbar-brand {
  font-weight: 700;
  font-size: 1.15rem;
}

/* Knoppen */
.btn-primary {
  background-color: #1E64C8;
  border-color: #1E64C8;
  border-radius: 6px;
  padding: 8px 16px;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #1550A0;
  border-color: #1550A0;
}

.btn-danger {
  background-color: #D0021B;
  border-color: #D0021B;
  border-radius: 6px;
}

.btn-outline-secondary {
  border-radius: 6px;
}

.btn-success {
  border-radius: 6px;
}

/* Kaarten */
.card {
  border: 1px solid #DEE2E8;
  border-radius: 8px;
  box-shadow: none;
}

.card-header {
  background-color: #F8F9FB;
  border-bottom: 1px solid #DEE2E8;
}

/* Filter-balken */
.filter-bar {
  background-color: #fff;
  border: 1px solid #DEE2E8;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 1rem;
}

/* Formulierelementen */
.form-control, .form-select {
  border-radius: 6px;
  border-color: #ced4da;
  background-color: #fff;
}

.form-control:focus, .form-select:focus {
  border-color: #1E64C8;
  box-shadow: 0 0 0 3px rgba(30, 100, 200, 0.15);
}

/* Badges */
.badge.bg-primary {
  background-color: #E8F0FC !important;
  color: #1E64C8 !important;
}

.badge.bg-success {
  border-radius: 6px;
}

.badge.bg-warning {
  border-radius: 6px;
}

.badge.bg-secondary {
  border-radius: 6px;
}

/* Tabellen */
.table thead th {
  background-color: #F8F9FB;
  border-bottom: 2px solid #DEE2E8;
  color: var(--ea01-muted);
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.table td {
  border-bottom: 1px solid #F0F2F5;
}

/* Footer */
footer {
  background-color: var(--bs-body-bg) !important;
  color: var(--ea01-muted);
}

footer a {
  color: var(--ea01-muted);
}

footer a:hover {
  color: #1E64C8;
}

/* Links */
a {
  color: #1E64C8;
}

a:hover {
  color: #1550A0;
}

/* Alerts */
.alert {
  border-radius: 6px;
}

/* Breadcrumbs */
.breadcrumb {
  font-size: 0.875rem;
}

/* Dropdown */
.dropdown-menu {
  border-radius: 6px;
  border-color: #DEE2E8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #1E64C8;
}