/* ---------- Color Module Styles ----------- */

/* De grond was #292929 — een donkere body onder een lichte site. Onzichtbaar
   zolang elke sectie zijn eigen witte achtergrond heeft, maar het schijnt door
   op elke plek waar dat niet zo is, met bodytekst die er 1,2:1 op haalt (de
   skip-link viel er al door: roze op #292929 = 2,83:1). Erfenis van het
   color-module-startpunt: de witte laag hieronder mikt op `#page` en
   `#main-wrapper`, id's die Bootstrap Barrio 5 niet meer rendert. Gemeten
   4-8-2026, gewijzigd naar wit — de zichtbare pagina verandert daar niet van. */
html,
body {
  color: #3b3b3b;
  background-color: #3c3c3b;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: #055a8e;
}

#navbar-main {
  background-color: #1d84c3;
}

a,
.link {
  color: #006E83;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}
.nav-item .dropdown-item a.active {
  color: white;
}
.nav-link {
  color: rgb(231, 231, 231);
}
.nav-link:hover,
.nav-link:focus {
  color: rgb(231, 231, 231);
}
a:active,
.link:active {
  color: #23aeff;
}

.page-item.active .page-link {
  background-color: #006E83;
  border-color: #006E83;
}

.page-link,
.page-link:hover {
  color: #006E83;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

/* .btn-primary stond hier op Bootstrap-blauw (#007bff) en is verhuisd naar
   css/ozk-knoppen.css — dat bestand bepaalt sinds 01-08-2026 alle knoppen.
   Let op: dit bestand wordt door de color-module beheerd; zet een knopkleur
   hier dus niet terug, want ozk-knoppen.css laadt later en wint toch. */

.site-footer {
  background: #292929;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}


/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}