/*
 Theme Name: SO8OO Dark
 Theme URI: https://sdr.so8oo.net
 Description: Dark theme for WebSDR SO8OO, inspired by vacuum tube glow
 Author: SO8OO
 Template: generatepress
 Version: 1.0
*/

:root {
    --amber: #e8a030;
    --amber-dim: #b87820;
    --amber-glow: #ffc04080;
    --dark-bg: #1a1410;
    --dark-panel: #221c16;
    --dark-border: #3a3028;
    --text-light: #e8dcd0;
    --text-muted: #a09080;
}

/* === Override GP color variables === */
:root {
    --contrast: #e8dcd0 !important;
    --contrast-2: #a09080 !important;
    --contrast-3: #6a5a4a !important;
    --base: #2a2420 !important;
    --base-2: #1a1410 !important;
    --base-3: #221c16 !important;
    --accent: #e8a030 !important;
}

/* === Global dark overrides === */
body {
    background-color: var(--dark-bg) !important;
    color: var(--text-light) !important;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

a { color: var(--amber); }
a:hover { color: #ffcc60; }

h1, h2, h3, h4, h5, h6 {
    color: var(--amber);
}

hr {
    border-color: var(--dark-border);
}

/* === Background image === */
body::before {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
    background: url('images/gu81-bg.jpg') center center / cover no-repeat fixed;
}
body::after {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
    background: rgba(20, 16, 12, 0.88);
}

/* === Header === */
.site-header {
    background: linear-gradient(180deg, rgba(26,20,16,0.95), rgba(26,20,16,0.8)) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    position: relative;
}
.site-header::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--amber-glow), transparent);
}

.site-title a, .site-description {
    color: var(--text-light) !important;
}
.site-title a span, .main-title span {
    color: var(--amber) !important;
}

/* Navigation */
.main-navigation a,
.menu-toggle,
.main-navigation .menu-bar-items a {
    color: var(--text-muted) !important;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
    color: var(--amber) !important;
}
.main-navigation .main-nav ul ul {
    background: var(--dark-panel) !important;
    border: 1px solid var(--dark-border) !important;
}

/* === Content area === */
.site-content,
.inside-article,
article,
.page-header {
    background: transparent !important;
    color: var(--text-light);
}

.inside-article {
    background: var(--dark-panel) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 6px;
    padding: 24px !important;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.entry-title, .entry-title a {
    color: var(--amber) !important;
}

.entry-meta, .entry-meta a {
    color: var(--text-muted) !important;
}
.entry-meta a:hover {
    color: var(--amber) !important;
}

.entry-content {
    color: var(--text-light);
}

.entry-content p {
    color: var(--text-light);
}

.entry-content img {
    border-radius: 4px;
}

.entry-content blockquote {
    border-left-color: var(--amber-dim);
    background: rgba(232,160,48,0.05);
    padding: 12px 20px;
    border-radius: 0 4px 4px 0;
}

/* Post navigation */
.post-navigation a,
.paging-navigation a,
.pagination a {
    color: var(--amber) !important;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    color: var(--amber) !important;
}

/* === Sidebar === */
.widget-area .widget {
    background: var(--dark-panel) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 20px;
}

.widget-title {
    color: var(--amber) !important;
    border-bottom: 1px solid var(--dark-border);
    padding-bottom: 8px;
}

.widget a {
    color: var(--text-muted);
}
.widget a:hover {
    color: var(--amber);
}

/* === Comments === */
.comments-area {
    background: var(--dark-panel) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 6px;
    padding: 20px 24px;
}

.comments-title, .comment-reply-title {
    color: var(--amber) !important;
}

.comment-list .comment {
    border-bottom: 1px solid rgba(58,48,40,0.5);
}

.comment-author,
.comment-author a {
    color: var(--amber) !important;
    font-weight: 600;
}

.comment-metadata,
.comment-metadata a {
    color: var(--text-muted) !important;
    font-size: 0.85rem;
}

.comment-content,
.comment-content p {
    color: var(--text-light);
}

/* Comment form */
.comment-form label {
    color: var(--text-muted);
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
    background: #2a2420 !important;
    color: var(--text-light) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 4px;
}

.comment-form .submit,
button,
input[type="submit"] {
    background: var(--amber-dim) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px;
    padding: 10px 24px;
    cursor: pointer;
    font-weight: 600;
}

.comment-form .submit:hover,
button:hover,
input[type="submit"]:hover {
    background: var(--amber) !important;
}

/* === Footer === */
.site-footer {
    background: var(--dark-panel) !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--text-muted) !important;
    position: relative;
}
.site-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--amber-glow), transparent);
}
.site-footer a {
    color: var(--amber-dim) !important;
}

.site-info {
    color: var(--text-muted);
}

/* === Misc === */
.cat-links a, .tag-links a {
    color: var(--amber-dim) !important;
    background: rgba(184,120,32,0.1);
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 0.85rem;
}

/* Separate containers (GP) */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation {
    background: var(--dark-panel) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 6px;
}

/* GP container backgrounds */
.inside-page-header {
    background: var(--dark-panel) !important;
}

/* Archive/category headers */
.page-header .page-title {
    color: var(--amber) !important;
}

/* Search results */
.search-results .inside-article {
    background: var(--dark-panel) !important;
}

/* 404 page */
.error-404 {
    color: var(--text-light);
}

/* Featured images */
.post-image {
    border-radius: 6px;
    overflow: hidden;
}

/* Navigation pagination */
.page-numbers {
    color: var(--text-muted) !important;
}
.page-numbers.current {
    color: var(--amber) !important;
    font-weight: 700;
}

/* Mobile menu */
.menu-toggle .mobile-menu {
    color: var(--text-light) !important;
}