/**
 * Schumann front page overrides for Twenty Twenty-Three child theme
 * Enqueued in functions.php for the front page only.
 * Makes the Custom HTML marketing block full-width with dark theme.
 */

/* Hide page title on front page (block theme + classic) */
.home .entry-header,
.home .wp-block-post-title,
.home h1.wp-block-post-title,
.home .entry-title {
  display: none !important;
}

/* Hide featured/header image (spectrogram) above content */
.home .wp-block-post-featured-image,
.home .wp-block-cover,
.home .wp-block-group:has(.wp-block-post-featured-image),
.home .wp-block-group:has(.wp-block-cover) {
  display: none !important;
}

/* Full-width layout: remove theme content constraints */
.home .wp-block-post-content,
.home .entry-content,
.home .wp-block-group__inner-container,
.home main .wp-block-group {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Extend dark background to full viewport when qsc-marketing is present */
/* Avoid 100vw on mobile (causes horizontal scroll); use 100% instead */
.home .qsc-marketing {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}

@media (min-width: 782px) {
  .home .qsc-marketing {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Override theme's white/light background for front page content area */
.home .wp-block-post-content,
.home .entry-content,
.home main,
.home .wp-block-group {
  background: transparent !important;
}

/* Main content wrapper - let dark flow through */
body.home,
body.home .wp-site-blocks {
  background: #0a0e17 !important;
}

/* Remove top padding that creates black strip */
body.home .wp-site-blocks {
  padding-top: 0 !important;
}

.home .wp-block-group.alignfull,
.home .alignfull,
.home .wp-block-group[style*="constrained"] {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove default block padding that creates narrow feel */
.home .wp-block-post-content > .alignwide,
.home .wp-block-post-content > .alignfull,
.home .wp-block-post-content > * {
  max-width: none !important;
}

/* Nav and footer: visible on dark background */
body.home header,
body.home .wp-block-template-part[data-type="header"],
body.home footer,
body.home .wp-block-template-part[data-type="footer"],
body.home .wp-block-group:has(.wp-block-navigation),
body.home .wp-block-group:has(.wp-block-navigation-list) {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.15) !important;
}
/* Mobile menu overlay - dark background so light text is visible */
body.home .wp-block-navigation__responsive-container.is-menu-open,
body.home .wp-block-navigation__responsive-container-open {
  background: #111827 !important;
}
body.home .wp-block-navigation__responsive-dialog {
  background: #111827 !important;
}
/* Close (X) button - ensure visible on dark overlay */
body.home .wp-block-navigation__responsive-container-close,
body.home .wp-block-navigation__responsive-container-close svg,
body.home .wp-block-navigation__responsive-container-close svg path {
  color: #e2e8f0 !important;
  fill: #e2e8f0 !important;
}
body.home .wp-block-navigation__responsive-container-close:hover,
body.home .wp-block-navigation__responsive-container-close:hover svg,
body.home .wp-block-navigation__responsive-container-close:hover svg path {
  color: #a5b4fc !important;
  fill: #a5b4fc !important;
}
body.home .wp-block-navigation,
body.home .wp-block-navigation a,
body.home .wp-block-navigation__responsive-container-open,
body.home .wp-block-navigation-item__content,
body.home .wp-block-navigation__responsive-container a,
body.home footer,
body.home footer p,
body.home footer a,
body.home footer .wp-block-social-links,
body.home .wp-block-template-part[data-type="footer"],
body.home .wp-block-template-part[data-type="footer"] p,
body.home .wp-block-template-part[data-type="footer"] a,
body.home .wp-block-template-part[data-type="footer"] .wp-block-social-links {
  color: #e2e8f0 !important;
}
body.home .wp-block-navigation a:hover,
body.home .wp-block-navigation__responsive-container a:hover,
body.home footer a:hover,
body.home .wp-block-template-part[data-type="footer"] a:hover {
  color: #a5b4fc !important;
}

/* Prevent horizontal scroll - header and main must not overflow */
body.home {
  overflow-x: hidden;
}
body.home header,
body.home .wp-block-template-part[data-type="header"],
body.home main,
body.home .wp-block-post-content {
  max-width: 100%;
  overflow-x: hidden;
}