/* fallout-mdwiki-theme.css */
:root {
    --primary-color: #00ff00;
    --secondary-color: #00cc00;
    --bg-color: #0a0a0a;
    --terminal-bg: #1a1a1a;
    --text-color: #00ff00;
    --border-color: #00ff00;
    --shadow-color: rgba(0, 255, 0, 0.3);
}

/* Override Bootstrap body */
body {
    font-family: 'Courier New', Courier, monospace !important;
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    line-height: 1.6 !important;
}

/* Override Bootstrap text colors */
.text-primary { color: var(--primary-color) !important; }
.text-muted { color: var(--secondary-color) !important; }
.text-success { color: var(--text-color) !important; }

/* Override Bootstrap backgrounds */
.bg-light, .card, .panel, .well {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

/* Override Bootstrap links */
a { 
    color: var(--primary-color) !important; 
    text-decoration: underline !important;
}
a:hover { 
    color: var(--secondary-color) !important; 
    text-decoration: underline !important;
}

/* Override Bootstrap buttons */
.btn-primary {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}
.btn-primary:hover {
    background-color: var(--bg-color) !important;
    border-color: var(--secondary-color) !important;
}

/* Add scanlines effect */
.scanlines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 50%,
        rgba(0, 0, 0, 0.1) 50%
    );
    background-size: 100% 4px;
    pointer-events: none;
    z-index: 9999;
    animation: scanline 10s linear infinite;
}

@keyframes scanline {
    0% { transform: translateY(0); }
    100% { transform: translateY(4px); }
}

/* Additional MDwiki-specific overrides */
#md-all {
    background-color: var(--bg-color) !important;
}

#md-content {
    color: var(--text-color) !important;
}

.navbar-default {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--text-color) !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: var(--secondary-color) !important;
}

/* Additional navbar overrides for MDwiki */
.navbar {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
}

.navbar-default .navbar-brand {
    color: var(--text-color) !important;
}

.navbar-default .navbar-toggle {
    border-color: var(--border-color) !important;
    background-color: var(--terminal-bg) !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--text-color) !important;
}

/* Dropdown menu overrides */
.dropdown-menu {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
}

.dropdown-menu > li > a {
    color: var(--text-color) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--bg-color) !important;
    color: var(--secondary-color) !important;
}

.dropdown-menu .divider {
    background-color: var(--border-color) !important;
}

/* Active and open states */
.navbar-nav .open .dropdown-menu {
    background-color: var(--terminal-bg) !important;
}

.navbar-nav .dropdown.active > a,
.navbar-nav .dropdown.active > a:hover,
.navbar-nav .dropdown.active > a:focus {
    background-color: var(--bg-color) !important;
    color: var(--secondary-color) !important;
}

.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
    background-color: var(--bg-color) !important;
    color: var(--secondary-color) !important;
}

/* Code blocks */
pre, code {
    background-color: var(--terminal-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

/* Tables */
.table {
    background-color: var(--terminal-bg) !important;
    color: var(--text-color) !important;
}

.table th, .table td {
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color) !important;
}

/* Lists */
ul, ol {
    color: var(--text-color) !important;
}

/* Blockquotes */
blockquote {
    border-left-color: var(--border-color) !important;
    color: var(--secondary-color) !important;
}

/* Side Menu (Table of Contents) - ensure it's visible */
#md-page-menu {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

#md-page-menu .list-group-item {
    background-color: var(--terminal-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

#md-page-menu .list-group-item:hover {
    background-color: var(--bg-color) !important;
    color: var(--secondary-color) !important;
}

#md-page-menu .list-group-item.active {
    background-color: var(--primary-color) !important;
    color: var(--bg-color) !important;
}

/* Footer styling */
.md-copyright-footer {
    color: var(--text-color) !important;
    background-color: var(--terminal-bg) !important;
    border-top: 1px solid var(--border-color) !important;
    padding: 1em 0 !important;
    margin-top: 2em !important;
    text-align: right !important;
    font-size: 0.9em !important;
}

.md-copyright-footer a {
    color: var(--primary-color) !important;
}

.md-copyright-footer a:hover {
    color: var(--secondary-color) !important;
}