/* CR165 Hub Parallax + Overlay Recovery V1
   Restores the earlier Research Hub background behavior:
   - fixed page-level background = parallax-like desktop effect
   - much less dark overlay than the broken state
   - scope only Research Hub overview pages
   - keeps slate grey-blue panels/center box
*/

body.page-template-page-gridizer-research-overview-system {
  background-color: #071525 !important;
  background-image:
    linear-gradient(180deg, rgba(5, 12, 24, 0.18) 0%, rgba(5, 12, 24, 0.24) 52%, rgba(5, 12, 24, 0.32) 100%),
    url("https://gridizer.com/research/wp-content/uploads/2026/06/researchBackground0226v4.jpg") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Keep the fixed background visible through GeneratePress / WP wrappers. */
body.page-template-page-gridizer-research-overview-system #page,
body.page-template-page-gridizer-research-overview-system .site,
body.page-template-page-gridizer-research-overview-system .site-content,
body.page-template-page-gridizer-research-overview-system .content-area,
body.page-template-page-gridizer-research-overview-system .site-main,
body.page-template-page-gridizer-research-overview-system .inside-article,
body.page-template-page-gridizer-research-overview-system .entry-content,
body.page-template-page-gridizer-research-overview-system .container,
body.page-template-page-gridizer-research-overview-system .grid-container {
  background: transparent !important;
}

/* Avoid stacked hero-specific background layers fighting the body parallax layer. */
body.page-template-page-gridizer-research-overview-system .grz26-hub-hero,
body.page-template-page-gridizer-research-overview-system .grz26-hero,
body.page-template-page-gridizer-research-overview-system .grz26-overview-hero,
body.page-template-page-gridizer-research-overview-system .grz26-hero-shell,
body.page-template-page-gridizer-research-overview-system .ggc-hero-wide {
  background: transparent !important;
  isolation: isolate;
}

/* Overlay recovered: present, but substantially more transparent than current dark state. */
body.page-template-page-gridizer-research-overview-system .grz26-hub-hero::before,
body.page-template-page-gridizer-research-overview-system .grz26-hub-hero::after,
body.page-template-page-gridizer-research-overview-system .grz26-hero::before,
body.page-template-page-gridizer-research-overview-system .grz26-hero::after,
body.page-template-page-gridizer-research-overview-system .grz26-overview-hero::before,
body.page-template-page-gridizer-research-overview-system .grz26-overview-hero::after,
body.page-template-page-gridizer-research-overview-system .grz26-hero-shell::before,
body.page-template-page-gridizer-research-overview-system .grz26-hero-shell::after,
body.page-template-page-gridizer-research-overview-system .grz26-hero-overlay,
body.page-template-page-gridizer-research-overview-system .grz26-background-overlay,
body.page-template-page-gridizer-research-overview-system .ggc-hero-overlay,
body.page-template-page-gridizer-research-overview-system .ggc-hero-wide::before,
body.page-template-page-gridizer-research-overview-system .ggc-hero-wide::after {
  background: linear-gradient(180deg, rgba(5, 12, 24, 0.06) 0%, rgba(5, 12, 24, 0.10) 48%, rgba(5, 12, 24, 0.14) 100%) !important;
  opacity: 0.28 !important;
}

/* Panels/boxes: keep the slate grey-blue card surface. */
/* CR165 featured image surface: keep same panel color as intro box */
.grz26-featured-image-wrap,
.grz26-featured-image-panel,
.grz26-featured-image-surface,
.grz26-hub-featured-image,
.grz26-main .wp-post-image,
.grz26-main figure.wp-block-image{
  background: rgba(12, 29, 48, 0.78) !important;
  box-shadow: none !important;
}

/* remove extra overlay / pseudo layer */
.grz26-featured-image-wrap::before,
.grz26-featured-image-wrap::after,
.grz26-featured-image-panel::before,
.grz26-featured-image-panel::after,
.grz26-featured-image-surface::before,
.grz26-featured-image-surface::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* keep image itself clean */
.grz26-featured-image-wrap img,
.grz26-featured-image-panel img,
.grz26-featured-image-surface img,
.grz26-main .wp-post-image{
  display: block;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  body.page-template-page-gridizer-research-overview-system {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
}