/*
Theme Name: Neve Child - DevTron (Black & White)
Template: neve
Description: DevTron Minimalist Black & White Theme
Version: 2.0
Author: Astra AI & Oliver Wißmann
*/

/* ============================================
   GLOBAL RESET & BASE STYLES
   ============================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================
   HEADER STYLES
   ============================================ */

.site-header,
.header-main,
.header--row,
.header,
header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333333 !important;
    padding: 20px 0 !important;
}

/* Hide default logo image */
.site-logo img,
.custom-logo {
    display: none !important;
}

/* ASCII Logo Container */
.site-logo,
.custom-logo-link {
    display: block !important;
}

.site-logo::before,
.custom-logo-link::before {
    content: "╔═══════════════════════════════════════════════════╗\A║                                                   ║\A║   ██████╗ ███████╗██╗   ██╗████████╗██████╗  ██████╗ ███╗   ██╗   ║\A║   ██╔══██╗██╔════╝██║   ██║╚══██╔══╝██╔══██╗██╔═══██╗████╗  ██║   ║\A║   ██║  ██║█████╗  ██║   ██║   ██║   ██████╔╝██║   ██║██╔██╗ ██║   ║\A║   ██║  ██║██╔══╝  ╚██╗ ██╔╝   ██║   ██╔══██╗██║   ██║██║╚██╗██║   ║\A║   ██████╔╝███████╗ ╚████╔╝    ██║   ██║  ██║╚██████╔╝██║ ╚████║   ║\A║   ╚═════╝ ╚══════╝  ╚═══╝     ╚═╝   ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝   ║\A║                                                   ║\A║         [ E M E R G E N T   M I N D S ]           ║\A║                                                   ║\A╚═══════════════════════════════════════════════════╝";
    white-space: pre !important;
    font-family: 'Courier New', monospace !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    display: block !important;
    letter-spacing: 0 !important;
}

/* ============================================
   NAVIGATION STYLES
   ============================================ */

.nav-menu,
.primary-menu-ul,
.nav-ul {
    background-color: #000000 !important;
}

.nav-menu a,
.primary-menu-ul a,
.nav-ul a,
.menu a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: 'Courier New', monospace !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    transition: opacity 0.3s ease !important;
}

.nav-menu a:hover,
.primary-menu-ul a:hover,
.nav-ul a:hover,
.menu a:hover {
    opacity: 0.7 !important;
    color: #ffffff !important;
}

/* ============================================
   TYPOGRAPHY
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-family: 'Courier New', monospace !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

h1 {
    font-size: 2.5em !important;
    border-bottom: 2px solid #ffffff !important;
    padding-bottom: 0.3em !important;
}

h2 {
    font-size: 2em !important;
    border-bottom: 1px solid #ffffff !important;
    padding-bottom: 0.3em !important;
}

h3 {
    font-size: 1.5em !important;
}

h4 {
    font-size: 1.2em !important;
}

p {
    color: #ffffff !important;
    margin-bottom: 1.5em !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
}

/* ============================================
   LINKS
   ============================================ */

a {
    color: #ffffff !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease !important;
}

a:hover {
    opacity: 0.7 !important;
}

/* ============================================
   CONTENT CONTAINER
   ============================================ */

.nv-content-wrap,
.container,
.site-content,
article,
.entry-content {
    background-color: #000000 !important;
    color: #ffffff !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* ============================================
   BLOCKQUOTES
   ============================================ */

blockquote {
    background-color: #000000 !important;
    border-left: 4px solid #ffffff !important;
    padding: 20px 30px !important;
    margin: 2em 0 !important;
    font-style: italic !important;
    color: #cccccc !important;
    font-size: 1.1em !important;
}

blockquote p {
    color: #cccccc !important;
    margin-bottom: 0 !important;
}

/* ============================================
   TABLES
   ============================================ */

table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 2em 0 !important;
    background-color: #000000 !important;
}

thead {
    background-color: #ffffff !important;
}

thead th {
    color: #000000 !important;
    font-family: 'Courier New', monospace !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 15px !important;
    text-align: left !important;
    border: 1px solid #ffffff !important;
}

tbody tr {
    background-color: #000000 !important;
    border-bottom: 1px solid #333333 !important;
}

tbody td {
    color: #ffffff !important;
    padding: 15px !important;
    border: 1px solid #333333 !important;
}

tbody tr:hover {
    background-color: #1a1a1a !important;
}

/* ============================================
   LISTS
   ============================================ */

ul, ol {
    color: #ffffff !important;
    margin-left: 2em !important;
    margin-bottom: 1.5em !important;
}

li {
    color: #ffffff !important;
    margin-bottom: 0.5em !important;
    line-height: 1.8 !important;
}

/* ============================================
   CODE & PRE
   ============================================ */

code {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-family: 'Courier New', monospace !important;
    font-size: 0.9em !important;
}

pre {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 20px !important;
    border-radius: 5px !important;
    overflow-x: auto !important;
    margin: 2em 0 !important;
    border: 1px solid #333333 !important;
}

pre code {
    background-color: transparent !important;
    padding: 0 !important;
}

/* ============================================
   HORIZONTAL RULES
   ============================================ */

hr {
    border: none !important;
    border-top: 1px solid #ffffff !important;
    margin: 3em 0 !important;
}

/* ============================================
   BUTTONS
   ============================================ */

button,
.button,
.btn,
input[type="submit"],
input[type="button"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    padding: 12px 30px !important;
    font-family: 'Courier New', monospace !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ============================================
   FORMS
   ============================================ */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    padding: 10px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 16px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #ffffff !important;
    outline: none !important;
}

label {
    color: #ffffff !important;
    font-family: 'Courier New', monospace !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* ============================================
   FOOTER
   ============================================ */

.site-footer,
footer {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-top: 1px solid #333333 !important;
    padding: 40px 20px !important;
    text-align: center !important;
    font-family: 'Courier New', monospace !important;
    font-size: 12px !important;
}

.site-footer a,
footer a {
    color: #ffffff !important;
}

/* ============================================
   SIDEBAR (if exists)
   ============================================ */

.sidebar,
.widget {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.widget-title {
    color: #ffffff !important;
    font-family: 'Courier New', monospace !important;
    border-bottom: 1px solid #ffffff !important;
}

/* ============================================
   POST META
   ============================================ */

.entry-meta,
.post-meta,
.entry-footer {
    color: #cccccc !important;
    font-family: 'Courier New', monospace !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.entry-meta a,
.post-meta a,
.entry-footer a {
    color: #ffffff !important;
}

/* ============================================
   COMMENTS
   ============================================ */

.comment-list,
.comment-form {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.comment-author,
.comment-metadata {
    color: #ffffff !important;
}

.comment-content {
    color: #ffffff !important;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
    body {
        font-size: 16px !important;
    }
    
    h1 {
        font-size: 2em !important;
    }
    
    h2 {
        font-size: 1.5em !important;
    }
    
    .site-logo::before,
    .custom-logo-link::before {
        font-size: 6px !important;
    }
    
    .nv-content-wrap,
    .container,
    .site-content {
        padding: 20px 15px !important;
    }
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

/* ============================================
   SCROLL TO TOP BUTTON
   ============================================ */

#scroll-to-top,
.scroll-to-top {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
}

#scroll-to-top:hover,
.scroll-to-top:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ============================================
   END OF STYLES
   ============================================ */