body {
    background-color: #000c7b;
}

/* Optioneel: Cassiopeia gebruikt soms specifieke container-achtergronden die wit blijven. 
   Als je wilt dat de component-omgeving ook de donkere kleur overneemt, voeg dan dit toe: */
.container-component {
    background-color: #000c7b;
}

/* Maakt de complete breadcrumbs module, inclusief "U bent hier", wit */
.mod-breadcrumbs, 
.breadcrumb, 
.breadcrumb-item, 
.breadcrumb-item a, 
.breadcrumb-item + .breadcrumb-item::before {
    color: #ffffff !important;
}

/* Zorgt dat ook de links (zoals "Home") wit blijven als je eroverheen beweegt */
.breadcrumb-item a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 1. Maakt alle standaard teksten, cijfers en paragrafen op de hele website wit */
body, p, span, div, li, td, th {
    color: #ffffff !important;
}

/* 2. Maakt alle koppen (H1 t/m H6) en menukoppen wit */
h1, h2, h3, h4, h5, h6, .card-title, .moduletitle {
    color: #ffffff !important;
}

/* 3. Maakt alle standaard links en menu-items (zoals "Home") wit */
a, .nav-link {
    color: #ffffff !important;
}

/* 4. Zorgt dat links en menu-items wit blijven (en onderlijnd worden) als je eroverheen beweegt */
a:hover, .nav-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 5. Overschrijft de specifieke Joomla CSS-variabelen voor de tekst- en linkkleuren */
:root {
    --body-color: #ffffff !important;
    --link-color: #ffffff !important;
    --link-hover-color: #ffffff !important;
    --template-text-color: #ffffff !important;
}

/* 1. Forceer alle hoofdmenu links naar wit */
.container-header a,
.container-nav a,
.navbar a,
.metismenu a,
.metismenu .nav-link {
    color: #ffffff !important;
}

/* 2. Zorg dat de menu-items ook wit blijven als je er met de muis overheen beweegt */
.container-header a:hover,
.container-nav a:hover,
.navbar a:hover,
.metismenu a:hover,
.metismenu .nav-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 3. Overschrijf de specifieke CSS-variabelen van Cassiopeia voor de header */
.header, .container-header, .container-nav {
    --template-text-color: #ffffff !important;
    --link-color: #ffffff !important;
    --link-hover-color: #ffffff !important;
}

/* Maakt de gehele header en de menubalk egaal donkerblauw */
.header, 
.container-header, 
.container-nav, 
.navbar, 
.navbar-collapse {
    background-color: #000c7b !important;
    background-image: none !important; /* Verwijdert eventuele standaard paars/blauwe Joomla verlopen */
}

/* Zorgt dat ook dropdown-menu's (sub-menu's) de donkerblauwe achtergrond krijgen */
.dropdown-menu {
    background-color: #000c7b !important;
}

/* 1. Maakt de achtergrond van de menu-module en de navigatiebalk donkerblauw */
.mod-menu,
ul.mod-menu,
.navigation,
.nav,
.navbar-nav {
    background-color: #000c7b !important;
    background-image: none !important;
}

/* 2. Zorgt dat de losse menu-items (de list-items) geen witte achtergrond vasthouden */
.mod-menu li,
.nav-item {
    background-color: transparent !important;
}/* 1. Maakt de achtergrond van de gehele module-kaart donkerblauw */
.card, 
.card-body,
.mod-menu,
div[class*="mod-"] {
    background-color: #000c7b !important;
    border: none !important; /* Verwijdert eventuele lichte randen rondom het menu */
    box-shadow: none !important; /* Verwijdert de standaard schaduw van de witte kaart */
}

/* 2. Maakt de titel van het menu ("Main Menu") specifiek wit */
.card-title, 
.moduletitle, 
h3.card-title,
h2.card-title {
    color: #ffffff !important;
    background-color: #000c7b !important; /* Zorgt dat er geen witvlak achter de tekst zit */
}

/* 3. Zorg dat de lijst-items binnen de kaart transparant zijn */
.card ul, 
.card li {
    background-color: transparent !important;
}