/* TyagTrust site overrides — version-controlled, loaded via tyagtrust-overrides.php */

/* Widen the HEADER's container on every page (including home). This is
   safe because the homepage's full-width hero slider lives in a separate
   element (.site-content), not inside #masthead. */
#masthead .ast-container {
  max-width: 1400px !important;
}

/* Widen the CONTENT container on inner pages only (excluding home, which
   uses Astra's full-width template for its edge-to-edge hero slider). */
body:not(.home) .site-content .ast-container {
  max-width: 1400px !important;
}

/* Gutenberg's wp-block-columns (and similar "constrained layout" blocks)
   carry their own built-in max-width, independent of the container above.
   Let them fill the widened container. */
.entry-content .wp-block-columns {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove the default top spacing between the header and page content on
   inner pages, so the blue header sits flush against the green title banner */
.content-area.primary {
  margin-top: 0 !important;
}

/* Page title banner - full-width colored band with large white centered
   title, matching the reference layout used across Tapovan sites */
.entry-header.ast-no-thumbnail:not(.ast-no-title):not(.ast-header-without-markup) {
  background-color: #1D9F4D !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  padding: 70px 20px !important;
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 40px !important;
}

.entry-header.ast-no-thumbnail:not(.ast-no-title):not(.ast-header-without-markup) .entry-title {
  color: #ffffff !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .entry-header.ast-no-thumbnail:not(.ast-no-title):not(.ast-header-without-markup) {
    padding: 40px 20px !important;
  }
  .entry-header.ast-no-thumbnail:not(.ast-no-title):not(.ast-header-without-markup) .entry-title {
    font-size: 32px !important;
  }
}

/* Header nav menu text color: dark on the homepage (light hero
   background), white on inner pages (solid blue header background) */
body.home .main-header-menu a {
  color: #1a1a1a !important;
}
body:not(.home) .main-header-menu a {
  color: #ffffff !important;
}