/* ==========================================================================
   VANHOECKE.CSS - DEFINITIEVE FIX VOOR PHONY LIGHT & BLANCO BLOK
   ========================================================================== */

/* 1. DARK MODE VARIABLES */
:root, html[data-theme="dark"], body[data-theme="dark"] {
    --bg-main: #0b1120;
    --bg-card: #151e32;
    --bg-sidebar: #0f172a;
    --bg-input: #1e293b;
    --border-color: #1e293b;
    --text-main: #f1f5f9;
    --text-muted: #94a3b8;
    --text-link: #60a5fa;
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 2. LIGHT MODE VARIABLES */
html[data-theme="light"], body[data-theme="light"] {
    --bg-main: #ffffff;
    --bg-card: #ffffff;
    --bg-sidebar: #f8fafc;
    --bg-input: #ffffff;
    --border-color: #cbd5e1;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --text-link: #2563eb;
}

/* 3. BASE RESET & VERWIJDERING BLANCO BLOK BOVENAAN */
*, *::before, *::after {
    box-sizing: border-box;
    font-family: var(--font-sans);
}

/* Forceer 0 margin/padding op ALLE denkbare layout containers */
html, body, form, #form1,
.container, .container-fluid,
main, .body-content,
div[id*="Content"], div[class*="content"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: var(--bg-main) !important;
    color: var(--text-main) !important;
}

/* Navbar strak trekken zonder onder-marge */
.navbar, nav, nav.navbar-default {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
    background-color: var(--bg-sidebar) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.navbar-nav {
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

    .navbar-nav > li > a {
        padding: 10px 12px !important;
        color: var(--text-main) !important;
    }

/* 4. ABSOLUTE HARDENED LIGHT MODE (SLOOPS ELKE VORM VAN PHONY LIGHT) */
html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] form,
html[data-theme="light"] .container-fluid,
html[data-theme="light"] table,
html[data-theme="light"] tr,
html[data-theme="light"] td,
html[data-theme="light"] th,
html[data-theme="light"] div,
html[data-theme="light"] .well,
html[data-theme="light"] .panel,
html[data-theme="light"] .card {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

    html[data-theme="light"] th,
    html[data-theme="light"] .card-header,
    html[data-theme="light"] .panel-heading {
        background-color: #f1f5f9 !important;
        color: #475569 !important;
    }

/* 5. ABSOLUTE HARDENED DARK MODE */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] form,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] table,
html[data-theme="dark"] tr,
html[data-theme="dark"] td,
html[data-theme="dark"] div,
html[data-theme="dark"] .well,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card {
    background-color: #0b1120 !important;
    color: #f1f5f9 !important;
    border-color: #1e293b !important;
}

    html[data-theme="dark"] th,
    html[data-theme="dark"] .card-header,
    html[data-theme="dark"] .panel-heading {
        background-color: #0f172a !important;
        color: #94a3b8 !important;
    }

/* 6. FORM INPUTS & BUTTONS */
input[type="text"], select, textarea, .form-control {
    background-color: var(--bg-input) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
}

button, input[type="button"], .btn-default {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
}
/* ==========================================================================
   KILLER VOOR GENESTE CONTAINERS IN CHILD PAGINA'S (PLACES, ARTISTS, ETC.)
   ========================================================================== */

/* Neutraliseer opvulling op geneste containers binnen MainContent */
#form1 .container,
#form1 .container-fluid,
.container .container-fluid,
.container-fluid .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
}

/* Zorg dat de eerste row direct onder de navbar aansluit */
#form1 .row:first-of-type,
.container-fluid > .row:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}