/* Global SEO/UX overrides for built static output. */

/* Footer consistency: centered headings, left-aligned link lists */
footer h4,
.site-footer h4 {
  text-align: center !important;
}

footer ul,
footer li,
footer a,
.site-footer ul,
.site-footer li,
.site-footer a {
  text-align: left !important;
}

footer a,
.site-footer a {
  display: inline-block !important;
}

/* Align copyright treatment in both pre-footer and global footer */
#root > div:last-of-type > div:last-child,
[class*="ContactSection"] ~ div:last-child,
section:last-of-type > div:last-child,
footer > div:last-child,
footer .footer-bottom,
footer [class*="footer-bottom"],
.site-footer .footer-bottom {
  text-align: center !important;
}

/* Desktop sitemap/menu panel: one-third width on right side */
@media (min-width: 901px) {
  .sitemap-overlay {
    left: auto !important;
    right: 0 !important;
    width: 33.333vw !important;
    min-width: 420px !important;
    max-width: 620px !important;
    height: 100vh !important;
    border-left: 1px solid rgba(11, 11, 13, 0.12) !important;
  }
}

/* Keep mobile behavior full-screen */
@media (max-width: 900px) {
  .sitemap-overlay {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100vh !important;
    border-left: none !important;
  }
}

/* Blog page desktop menu: top-half overlay */
@media (min-width: 901px) {
  body.is-blog-page .sitemap-overlay {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;
    top: 0 !important;
    bottom: auto !important;
    height: 50vh !important;
    border-left: none !important;
    border-bottom: 1px solid rgba(11, 11, 13, 0.12) !important;
  }
}

/* Active menu item visual state */
.sitemap-overlay a[data-current-page="true"] {
  opacity: 0.4 !important;
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}