/* ==========================================================================
   Hajé huisstijl-overlay op de UBold-template.
   Laden ná vendors.min.css en app.min.css.
   Kleuren: donkergroen #2B3820 · mos #626F38 · beige #FCEAD8
   ========================================================================== */

/* Huisstijl-lettertype: Montserrat voor de UI, Bebas als accent. */
body,
.btn, .form-control, .form-select, .form-label, .dropdown-menu, .table {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Primaire kleur omzetten naar Hajé-groen. UBold gebruikt eigen variabelen
   (--theme-primary / --theme-link-*); door die te overschrijven volgen knoppen,
   links, badges en accenten automatisch mee. */
:root,
[data-bs-theme="light"] {
  --theme-primary: #626F38;
  --theme-primary-rgb: 98, 111, 56;
  --theme-primary-text-emphasis: #4a522a;
  --theme-primary-bg-subtle: #eef0e3;
  --theme-primary-border-subtle: #c8cdb3;

  --theme-link-color: #2B3820;
  --theme-link-color-rgb: 43, 56, 32;
  --theme-link-hover-color: #626F38;
  --theme-link-hover-color-rgb: 98, 111, 56;

  /* Bootstrap-namen ook, voor losse Bootstrap-componenten */
  --bs-primary: #626F38;
  --bs-primary-rgb: 98, 111, 56;
}

/* Tekst- en achtergrondhulpklassen */
.text-primary { color: #626F38 !important; }
.bg-primary { background-color: #626F38 !important; }
.badge.bg-primary { background-color: #626F38 !important; }
.bg-primary-subtle { background-color: #eef0e3 !important; }
.text-bg-primary { background-color: #626F38 !important; color: #fff !important; }

/* Formulier-focus in Hajé-groen */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #97a06a;
  box-shadow: 0 0 0 .2rem rgba(98, 111, 56, .2);
}
.form-check-input:checked {
  background-color: #626F38;
  border-color: #626F38;
}

/* Donkere sidenav in Hajé-donkergroen */
[data-menu-color="dark"] .sidenav-menu {
  background: #2B3820;
  background-image: linear-gradient(180deg, #313f24 0%, #25301b 100%);
}
[data-menu-color="dark"] .side-nav .side-nav-link {
  color: rgba(252, 234, 216, .72);
}
[data-menu-color="dark"] .side-nav .side-nav-link:hover {
  color: #FCEAD8;
}
[data-menu-color="dark"] .side-nav-item .side-nav-link.active,
[data-menu-color="dark"] .side-nav-item.active > .side-nav-link {
  color: #FCEAD8;
  background-color: rgba(252, 234, 216, .12);
}
[data-menu-color="dark"] .side-nav-title {
  color: rgba(252, 234, 216, .45);
}

/* Hajé-merk: alleen het ronde logo, netjes gecentreerd in het logo-vak.
   Belangrijk: hoogte = topbar-hoogte (niet 100%!), anders duwt het logo
   het menu uit beeld. */
.haje-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--theme-topbar-height, 70px);
  text-decoration: none;
}
.haje-brand .haje-logo-img { height: 54px; width: auto; display: block; }

/* Auth-pagina (login) achtergrond */
.auth-box {
  min-height: 100vh;
  background: radial-gradient(1200px 620px at 50% -8%, #34421f 0%, #222c19 62%);
}
.auth-box .auth-brand .haje-mark {
  font-family: "Bebas Neue", system-ui, sans-serif;
  letter-spacing: .12em; font-weight: 700; font-size: 34px; color: #2B3820;
}