/*
 Theme Name:   SuperSITE Blog
 Theme URI:    https://www.supersite.pk
 Description:  SuperSITE custom blog theme — matches main site design.
 Author:       SuperSITE
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Blog theme overrides */
.page-hero { background: #080810 !important; border-bottom: 1px solid rgba(255,255,255,0.07); padding: 60px 0; }
.page-hero h1, .page-hero h2 { color: #ffffff !important; }
.page-hero .breadcrumb a, .page-hero .breadcrumb span { color: rgba(255,255,255,0.45) !important; }
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0; }
.nav-links { margin-left: auto; justify-content: flex-end; }
.bcard { background: #181828; border: 1px solid rgba(255,255,255,0.07); }
.bcard h3, .bcard h3 a { color: #ffffff; }
.bcard p { color: rgba(255,255,255,0.55); }

/* ── Critical blog fixes ── */
body { background: #080810 !important; color: rgba(255,255,255,0.75) !important; }

.page-hero,
.post-hero,
section.page-hero { 
  background: #080810 !important; 
  padding: 60px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.page-hero h1,
.post-hero h1,
.page-hero h2,
.entry-title,
h1.entry-title { 
  color: #ffffff !important; 
  text-transform: none !important;
}

.page-hero .breadcrumb,
.page-hero .breadcrumb a,
.page-hero .breadcrumb span,
.post-meta { 
  color: rgba(255,255,255,0.45) !important; 
}

/* Single post content */
.entry-content,
.post-content,
.blog-content { 
  color: rgba(255,255,255,0.75) !important; 
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.post-content h2,
.post-content h3 { 
  color: #ffffff !important; 
}

/* Section backgrounds */
section { background: #080810; }
section.section--off { background: #0d0d1e !important; }
section.section--white { background: #0d0d1e !important; }

/* Blog listing cards */
.bcard { background: #181828 !important; border: 1px solid rgba(255,255,255,0.07) !important; }
.bcard h3, .bcard h3 a { color: #ffffff !important; }
.bcard p { color: rgba(255,255,255,0.55) !important; }

/* CTA section */
.cta-banner { background: #2d3a7a !important; }
.cta-banner h2 { color: #ffffff !important; }
.cta-banner p { color: rgba(255,255,255,0.65) !important; }

/* Nav links color fix */
.nav-links a { color: rgba(255,255,255,0.65) !important; }
.nav-links a:hover { color: #ffffff !important; }

/* Override WordPress global styles for dark theme */
body,
.wp-site-blocks,
.site-content,
.entry-content,
.post-content { 
  background: #0d0d1e !important;
  color: rgba(255,255,255,0.75) !important;
}

.post-content h2,
.post-content h3,
.post-content h4,
.entry-content h2,
.entry-content h3 {
  color: #ffffff !important;
}

.post-content a,
.entry-content a {
  color: #E8175D !important;
}

.post-content p,
.entry-content p {
  color: rgba(255,255,255,0.75) !important;
}

/* WordPress block editor content */
.wp-block-paragraph,
.wp-block-heading { 
  color: rgba(255,255,255,0.75) !important;
}