/*
 Theme Name:   NodeDSP Terminal
 Theme URI:    https://www.nodedsp.com
 Description:  Terminal-style theme for NodeDSP
 Author:       NodeDSP
 Template:     storefront
 Version:      1.0.0
 Text Domain:  nodedsp-terminal
*/

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

* {
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
    box-sizing: border-box;
}

html, body, .site, #page, .hfeed, .site-content, .content-area,
main, #main, .hentry, article, .type-page, header, footer,
.site-header, .site-footer, .storefront-primary-navigation,
.main-navigation, .col-full, .footer-widgets, nav {
    background-color: #000 !important;
    color: #fff !important;
}

/* Hide everything we don't need */
.site-branding, .site-title, .site-description, .custom-logo-link,
.storefront-breadcrumb, .woocommerce-breadcrumb, .page-title,
.entry-title, .site-info, .storefront-credit, .footer-widgets,
.woocommerce-result-count, .woocommerce-ordering {
    display: none !important;
}

/* Navigation */
.main-navigation ul li a,
.storefront-primary-navigation .menu > li > a,
nav a, .menu a, a {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: lowercase !important;
}

a:hover {
    color: #888 !important;
}

/* Buttons */
button, .button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.wp-block-button__link, .add_to_cart_button {
    background-color: #000 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    padding: 10px 20px !important;
    cursor: pointer;
    border-radius: 0 !important;
}

button:hover, .button:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* Forms */
input, textarea, select {
    background-color: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 10px !important;
}

input:focus, textarea:focus {
    border-color: #fff !important;
    outline: none !important;
}

/* Products */
.products .product, ul.products li.product {
    background-color: #000 !important;
    border: 1px solid #222 !important;
}

.price, .woocommerce-Price-amount {
    color: #fff !important;
}

/* Cart */
.site-header-cart .cart-contents {
    color: #fff !important;
}

/* Tables */
table, th, td {
    background-color: #000 !important;
    border-color: #333 !important;
    color: #fff !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; }

/* Selection */
::selection {
    background-color: #fff;
    color: #000;
}

/* Remove all borders and shadows */
* {
    box-shadow: none !important;
}

.storefront-product-section {
    border: none !important;
}

/* ASCII Logo */
.nodedsp-ascii-logo {
    background-color: #000 !important;
    padding: 60px 20px;
    text-align: center;
}

.nodedsp-ascii-logo pre {
    color: #fff !important;
    font-size: 8px;
    line-height: 1.1;
    margin: 0 auto;
    letter-spacing: 1px;
}

.nodedsp-ascii-logo .version {
    color: #666 !important;
    font-size: 11px;
    margin-top: 20px;
}

.nodedsp-ascii-logo .tagline {
    display: none;
}

/* Minimal header */
.site-header {
    border-bottom: 1px solid #222 !important;
    padding: 10px 0 !important;
}

/* Footer */
.site-footer {
    border-top: 1px solid #222 !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
    .nodedsp-ascii-logo pre {
        font-size: 5px;
    }
}

@media screen and (max-width: 480px) {
    .nodedsp-ascii-logo pre {
        font-size: 3.5px;
    }
}