/**
 * BASE RESET - KILL ALL WHITE
 * This must be loaded FIRST!
 */

/* ============================================
   NUCLEAR RESET - NO WHITE ANYWHERE
   ============================================ */

html {
    margin: 0 !important;
    padding: 0 !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

/* WordPress Admin Bar */
#wpadminbar {
    background: #1a1a1a !important;
}

body.admin-bar {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Kill ALL default WordPress margins */
#page,
.site {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#primary,
.site-main,
article,
main,
section {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Sidebar stays fixed, full height */
.sidebar-nav {
    background: #2C2C2C !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 280px !important;
    height: 100vh !important;
    z-index: 1000 !important;
}

/* DESKTOP: Content rechts von Sidebar - ABSOLUTE PRIORITY */
@media (min-width: 769px) {
    /* Content area - MAX SPECIFICITY */
    div#content.site-content,
    #page #content,
    .site #content,
    div.site-content,
    #content,
    .site-content {
        margin-left: 280px !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: #1a1a1a !important;
        min-height: 100vh !important;
        width: calc(100% - 280px) !important;
        box-sizing: border-box !important;
    }

    /* Footer - MAX SPECIFICITY */
    footer#colophon.site-footer,
    #colophon,
    .site-footer,
    footer.site-footer {
        margin-left: 280px !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        background: #0f0f0f !important;
        width: calc(100% - 280px) !important;
        box-sizing: border-box !important;
    }
}

/* TABLET OVERRIDE - Ebenfalls 280px! */
@media (min-width: 769px) and (max-width: 1024px) {
    div#content.site-content,
    #page #content,
    .site #content,
    div.site-content,
    #content,
    .site-content {
        margin-left: 280px !important;
    }
    
    footer#colophon.site-footer,
    #colophon,
    .site-footer,
    footer.site-footer {
        margin-left: 280px !important;
    }
}

/* MOBILE: Content volle Breite (max-width: 768px) */
@media (max-width: 768px) {
    #content,
    .site-content {
        margin-left: 0 !important;
        padding-top: 60px !important;
        background: #1a1a1a !important;
    }

    #colophon,
    .site-footer {
        margin-left: 0 !important;
        background: #0f0f0f !important;
    }
}