/*
 Theme Name: Astra Child
 Template: astra
*/

/* ========== Layout: keep footer at bottom when content is short ========== */
html, body { height: 100%; }

#page {                        /* Astra main wrapper */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#content {                     /* content area between header and footer */
  flex: 1 0 auto;
  width: 100%;
}

#colophon.site-footer {        /* Astra footer */
  margin-top: auto;
}

/* ========== Transparent Header: offset content below header ========== */
:root { --admin-bar-h: var(--wp-admin--admin-bar--height, 0px); }

/* Blog & archive listings */
.blog .site-header,
.archive .site-header {
  position: absolute;
  top: var(--admin-bar-h);
  width: 100%;
  z-index: 100;
}

.blog #content,
.archive #content {
  padding-top: calc(var(--ast-header-height, 80px) + var(--admin-bar-h));
}

/* Single posts (if you use transparent header there too) */
.single-post .site-header {
  position: absolute;
  top: var(--admin-bar-h);
  width: 100%;
  z-index: 100;
}

.single-post #content {
  padding-top: calc(var(--ast-header-height, 80px) + var(--admin-bar-h));
}

/* Mobile: header is taller, so add a bit more offset */
@media (max-width: 921px) {
  .blog #content,
  .archive #content,
  .single-post #content {
    padding-top: calc(var(--ast-header-mobile-height, 96px) + var(--admin-bar-h));
  }
}

/* Section-specific offset (your .nistra-eligibility block) */
.ast

/* Keep Astra/Elementor header above page content & overlays */
#masthead,
.site-header,
.ast-primary-header-bar,
.elementor-location-header {
  position: relative;
  z-index: 9999;
}

/* Safety: ensure no global dimming applies to the header/logo */
.site-header,
.site-header * {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Hide the auto WP/Astra title only on this page */
.page-id-1782 .entry-title,
.page-id-1782 .ast-single-post .entry-header {
  display: none !important;
}

/* Remove the default top gap Astra adds below the (now hidden) header */
.page-id-1782 .entry-content,
.page-id-1782 #primary,
.page-id-1782 main#site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If your header is transparent and overlays the content, add a safe offset */
.page-id-1782 .site-content {
  padding-top: calc(var(--ea-header-height, 0px)) !important;
}