/**
 * Single post — full black content area (no white “page” behind dark/Elementor content).
 *
 * Astra “separate container” and global content background colors often leave a light
 * gray/white band around the post; this aligns outer wrappers with the black header/canvas.
 */
body.single-post {
  background-color: #000000 !important;
}

body.single-post #page,
body.single-post #page .site-content,
body.single-post #content,
body.single-post .site-content > .ast-container,
body.single-post .site-content .content-area,
body.single-post .ast-separate-container #primary,
body.single-post .ast-plain-container #primary,
body.single-post .ast-narrow-container #primary,
body.single-post #primary,
body.single-post .content-primary,
body.single-post #main,
body.single-post .site-main,
body.single-post .ast-article-inner,
body.single-post .ast-separate-container .ast-article-single,
body.single-post article.hentry {
  background-color: #000000 !important;
}

/* Elementor single templates: outer sections often stay white in the library defaults */
body.single-post #main .elementor,
body.single-post #main .elementor-section,
body.single-post .elementor-location-single .elementor-section,
body.single-post .elementor-location-post .elementor-section {
  background-color: #000000 !important;
}

/* Keep nested Elementor columns/widgets transparent so one black stack reads as unified */
body.single-post #main .elementor-column,
body.single-post #main .elementor-widget-wrap {
  background-color: transparent !important;
}

body.single-post .ast-separate-container .ast-article-single {
  box-shadow: none !important;
}