/*
Theme Name: Twenty Twenty-Three Child
Author: 
Description: Child theme of Twenty Twenty Three for Orbital Salvage
Version: 1.0
Template: twentytwentythree

This is the child theme for Twenty Twenty-Three theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.wp-block-group-is-layout-flex {
  align-items: flex-end;
}

.wp-block-group-is-layout-flex .wp-block-site-title {
  align-self: flex-end;
	margin-bottom:-0.5rem;
}

.wp-block-post-featured-image img {
  border-radius: 0.5rem;
  overflow: hidden;
  display: block;
}

.wp-site-blocks {
    padding-top: 0 !important;
}

.orbitalheader {
		margin-left: 2em; margin-right: 2em; padding-top: 0;
}

.headerTemplatePart {
	margin-top:0;
}

.has-hanging-quote {
  position: relative;
}

.has-hanging-quote::before {
  content: "“";
  position: absolute;
  top: 0.25rem;     /* tweak up/down */
  left: -1.25rem;    /* tweak to hang */
  font-size: 45px;
  line-height: 1;
  pointer-events: none;
}


h1.has-hanging-quote::before {
  font-size: 3.625rem;   /* larger to match H1 scale */
  top: 0.065em;          /* slight tweak to align better */
  left: -1.4rem;       /* move out a bit further */
}

/* === Shared Footer Wrapper === */
#footer-stars-wrapper {
  position: relative;
  width: 100%;
  height: 300px;               /* Adjust height to control animation area */
  background: #000;            /* Black background for animation */
  overflow: hidden;
  z-index: 0;
}

/* === Canvas Styling === */
#orbitCanvas {
  position: absolute;
  inset: 0;                    /* top: 0; right: 0; bottom: 0; left: 0 */
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* === Footer Content === */
#footer-content {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 2rem 1rem;
  margin-top: -30rem;          /* Overlaps animation; tweak as needed */
  margin-left: auto;
  margin-right: auto;
  width: fit-content;          /* Or max-width: 100%; depending on layout */
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Optional soft lift */
}

/* === Hide animation and footer content on non-home pages === */
body:not(.home) #footer-stars-wrapper,
body:not(.home) #footer-content {
  display: none !important;
}

#footer-stars-wrapper {
  position: relative;
  width: 100%;
  height: 30vh;
  overflow: hidden;
  background: black;
  z-index: 0;
}
#orbitCanvas {
  width: 100%;
  height: 100%;
  display: block;
}
footer.wp-block-template-part {
  position: relative;
  z-index: 1;
  margin-bottom: 400px;
}

/* === Makes feature images on posts size according to column width === */
.wp-block-post-featured-image img {
  max-width: 650px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; /* optional: center it */
}

.postFooterMargin {
    margin-bottom: 0px !important;
}