/*
Theme Name: GeneratePress Child - DevTron
Template: generatepress
Description: DevTron Black & White Theme
Version: 1.0
Author: DevTron & Astra
*/

/* ============================================
   DEVTRON BLACK & WHITE DESIGN
   ============================================ */

/* Global black background */
body,
html,
.site,
.site-header,
.main-navigation,
.site-content,
.site-footer,
.inside-article,
.entry-content,
.page-content,
.wp-block-post-content,
.site-main,
.content-area,
article,
.hentry,
.post,
.page {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* White text everywhere */
body,
p,
span,
div,
li,
td,
.entry-content {
    color: #ffffff !important;
}

/* Headings - white, monospace, uppercase */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
    color: #ffffff !important;
    font-family: 'Courier New', monospace !important;
    text-transform: uppercase !important;
    font-weight: bold !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;
}

/* Links - white */
a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

a:hover {
    opacity: 0.7 !important;
}

/* Navigation - white, monospace, uppercase */
.main-navigation a,
.menu-toggle,
.main-navigation .main-nav ul li a {
    color: #ffffff !important;
    font-family: 'Courier New', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 14px !important;
}

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

/* Content max-width for Desktop */
.site-content,
.entry-content,
.inside-article,
.site-main {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* Hide sidebar completely */
.sidebar,
.widget-area,
#secondary {
    display: none !important;
}

/* Full width layout */
.site-content {
    width: 100% !important;
}

.content-area {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !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;
}

blockquote p {
    color: #cccccc !important;
}

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

thead th {
    background-color: #ffffff !important;
    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;
}

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

/* Code blocks */
code {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-family: 'Courier New', monospace !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;
}

/* 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;
}

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;
}

/* Buttons */
button,
.button,
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,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Post meta */
.entry-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;
}

/* Footer */
.site-footer,
footer,
.site-info {
    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;
}

/* Comments */
.comment-list,
.comment-form,
.comment-author,
.comment-metadata,
.comment-content {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Sidebar and Widgets */
.sidebar,
.widget-area,
.widget,
.wp-block-group,
.wp-block-search,
.wp-block-latest-posts,
.wp-block-archives,
.wp-block-categories {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.widget-title,
.wp-block-search__label {
    color: #ffffff !important;
    font-family: 'Courier New', monospace !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #ffffff !important;
    padding-bottom: 0.5em !important;
}

.widget ul,
.widget ol {
    list-style: none !important;
    padding: 0 !important;
}

.widget li {
    color: #ffffff !important;
    padding: 0.5em 0 !important;
    border-bottom: 1px solid #333333 !important;
}

.widget a {
    color: #ffffff !important;
}

/* Search widget */
.wp-block-search__input {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

.wp-block-search__button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    font-family: 'Courier New', monospace !important;
    text-transform: uppercase !important;
}

/* Scroll to Top Button */
#scroll-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    font-weight: bold !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
    font-family: 'Courier New', monospace !important;
}

#scroll-to-top:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-5px) !important;
}

#scroll-to-top.show {
    display: flex !important;
}

/* No mobile optimization - Desktop only */