/* Monochrome Base + Neon Pops for Skewart on WP.com Business */
:root {
    --bg-color: #000000;
    --fg-color: #ffffff;
    --dark-grey: #111111;
    --light-grey: #eeeeee;
    --med-grey: #888888;
    --extra-light-grey: #222222;
    --primary-color: #00ffff;
    --primary-alt-color: #ff00ff;
    --accent-color: #00ff00;
    --neon-yellow: #ffff00;
    --glow-shadow: 0 0 15px var(--primary-color);
    --text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
    --duration: 0.5s;
    --main-padding: 5vw;
}

/* Fixed Spiral BG (Background-Only, No Content Hide) */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--bg-color);
    background-image:
        conic-gradient(from 0deg at 50% 50%, #00ffff 0deg, #ff00ff 90deg, #00ffff 180deg, #ff00ff 270deg, #00ffff 360deg),
        radial-gradient(circle at 80% 20%, rgba(255, 0, 255, 0.5) 0%, transparent 70%),
        radial-gradient(circle at 80% 20%, rgba(128, 128, 128, 0.3) 0%, transparent 70%);
    background-size: 400% 400%, 100% 100%, 100% 100%;
    background-position: 0% 50%, center center, center center;
    background-repeat: no-repeat;
    animation: cyberpunkSpiral 20s linear infinite;
}
@keyframes cyberpunkSpiral {
    0% { background-position: 0% 50%, center center, center center; transform: rotate(0deg); }
    25% { background-position: 100% 50%, center center, center center; transform: rotate(90deg); }
    50% { background-position: 0% 50%, center center, center center; transform: rotate(180deg); }
    75% { background-position: 100% 50%, center center, center center; transform: rotate(270deg); }
    100% { background-position: 0% 50%, center center, center center; transform: rotate(360deg); }
}
body, html {
    min-height: 100vh;
    height: auto;
    overflow: auto; /* Ensure scrolling */
}

/* Typography & Links (Safe Basics) */
p, li, .entry-content, .comment-content {
    color: var(--fg-color);
    line-height: 1.7;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--fg-color);
    background: linear-gradient(90deg, var(--primary-color), var(--primary-alt-color));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: var(--text-shadow);
    animation: text-glow 4s ease-in-out infinite alternate;
}
@keyframes text-glow {
    0% { text-shadow: var(--text-shadow); }
    100% { text-shadow: 0 0 10px var(--primary-color), 0 0 20px var(--primary-alt-color); }
}
a {
    color: var(--light-grey);
    text-decoration: underline;
    text-decoration-color: var(--med-grey);
}
a:hover, a:focus {
    color: var(--primary-color);
    text-shadow: 0 0 5px var(--primary-color);
}

/* Safe Widget Hides (Targeted, No Main Hide) */
.widget_recent_entries, .widget_calendar, .widget_search {
    display: none;
}
.widget-title:contains("Recent Posts"), .widget-title:contains("Calendar"), .widget-title:contains("Search") {
    display: none;
}

/* Full-Width & Scrolling (No Cut-Off) */
#main, .content-area, .site-main {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 var(--main-padding);
    height: auto;
    overflow: visible;
}

 /* Add other sections like buttons, forms, images as needed */
/* Hide Unwanted Widgets & Footer Credit */
.widget_recent_entries, .widget_calendar, .widget_search {
    display: none !important;
}
.widget-title:contains("Recent Posts"), .widget-title:contains("Calendar"), .widget-title:contains("Search") {
    display: none !important;
}
.copyright-line, .site-info {
    display: none !important;
}
#footer .wrap > p, #footer .textwidget p {
    display: none !important;
}
/* Aggressive Hide for Unwanted Footer Widgets (Calendar, Search, Recent Posts) */
#footer .widget, #footer-widgets .widget, .footer-widget-area .widget, .widget_calendar, .widget_search, .widget_recent_entries {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
#footer h3.widget-title, #footer .wp-calendar-table, #footer .search-form, #footer .recent-posts-list {
    display: none !important;
}

/* Hide Footer Credit If Back */
.copyright-line, .site-info, #footer p {
    display: none !important;
}

/* Clean Footer Space (No Empty Gap) */
#footer {
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}