:root {
  --neo-bg: #f2f0e8;
  --neo-text: 'Space Mono', monospace;
  --neo-heading: 'Bebas Neue', sans-serif;
  --neo-accent: #a8ff00;
}

body {
  background-color: var(--neo-bg) !important;
  font-family: var(--neo-text);
  color: #000;
  /* Add padding to body so content isn't hidden under sticky header */
  padding-top: 80px; 
}

p, a, li, span, div, .menu-item a {
  font-family: var(--neo-text);
}

h1, h2, h3 {
  font-family: var(--neo-heading) !important;
  text-transform: uppercase !important;
  color: #000;
  line-height: 1;
}

/* Force Hide Specific Logo Elements - More aggressive */
header img,
.site-header img,
.site-logo,
.custom-logo,
.custom-logo-link,
.site-branding.show-logo,
[data-elementor-type="header"] img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Header Styling - Sticky Position */
header, .site-header, [data-elementor-type="header"] {
  background: var(--neo-bg) !important;
  border-bottom: 3px solid #000 !important;
  padding: 20px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important; /* Ensure it stays above everything */
  box-sizing: border-box !important;
}

/* Posts Grid (General catch-all for WP/Elementor) */
.blog-posts, .elementor-posts-container, .posts-grid, .site-main .posts {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important; /* Raw grid feeling */
  border-top: 3px solid #000 !important;
  border-bottom: 3px solid #000 !important;
}

@media (max-width: 768px) {
  .blog-posts, .elementor-posts-container, .posts-grid, .site-main .posts {
    grid-template-columns: 1fr !important;
  }
}

article, .elementor-post, .type-post {
  background-color: #111 !important;
  color: #fff !important;
  border-right: 3px solid #000 !important;
  padding: 40px 30px !important;
}

article:last-child, .elementor-post:last-child {
  border-right: none !important;
}

article p, article h1, article h2, article h3, article a, article span, article div,
.elementor-post p, .elementor-post h1, .elementor-post h2, .elementor-post h3, .elementor-post a, .elementor-post span, .elementor-post div {
  color: #fff !important;
}

article h3, .elementor-post h3 {
  font-family: var(--neo-heading) !important;
  font-size: 2rem !important;
  margin-bottom: 20px !important;
}

article p, .elementor-post p {
  font-family: var(--neo-text) !important;
  font-size: 0.9rem !important;
  color: #ccc !important;
}

/* Footer Styling */
footer, .site-footer, [data-elementor-type="footer"] {
  background-color: #111 !important;
  color: #888 !important;
  border-top: 5px solid var(--neo-accent) !important;
  padding: 40px !important;
}

footer p, footer a, footer span, footer div, footer li,
.site-footer p, .site-footer a, .site-footer span, .site-footer div, .site-footer li {
  color: #888 !important;
  text-transform: uppercase;
  font-size: 0.8rem !important;
}