/*
Theme Name: ASCII Landing
Theme URI: https://github.com/smartspaghetti
Author: SmartSpaghetti
Description: A minimal dark terminal-style landing page with animated ASCII art centerpiece, dark mode toggle, and links to blog, merch, GitHub, and YouTube.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: MIT
*/

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

html, body {
    height: 100%;
    background-color: #000;
    color: #00ff41;
    font-family: monospace;
    overflow-x: hidden;
}

body.light-mode {
    background-color: #f5f5f5;
    color: #1a1a1a;
}

#ascii-landing-root {
    min-height: 100vh;
    width: 100%;
}

/* Remove default WP margin/padding from body */
.wp-site-blocks { padding: 0 !important; }
#page { margin: 0 !important; }

/* Blog styles */
.blog-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    font-family: monospace;
}

.blog-header {
    border-bottom: 1px solid currentColor;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.blog-header a { color: inherit; text-decoration: none; }
.blog-header a:hover { opacity: 0.7; }

.post-list { list-style: none; }

.post-item {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(128,128,128,0.3);
}

.post-item h2 { font-size: 1.25rem; margin-bottom: 0.5rem; }
.post-item h2 a { color: inherit; text-decoration: none; }
.post-item h2 a:hover { opacity: 0.7; }
.post-meta { font-size: 0.75rem; opacity: 0.6; margin-bottom: 0.75rem; }
.post-excerpt { font-size: 0.9rem; opacity: 0.85; line-height: 1.6; font-family: sans-serif; }

.post-content { line-height: 1.8; font-family: sans-serif; }
.post-content h1, .post-content h2, .post-content h3 { font-family: monospace; margin: 1.5rem 0 0.75rem; }
.post-content p { margin-bottom: 1rem; }

.back-link { display: inline-block; margin-bottom: 2rem; color: inherit; text-decoration: none; }
.back-link:hover { opacity: 0.7; }

.pagination { margin-top: 2rem; display: flex; gap: 1rem; }
.pagination a { color: inherit; }