/* === Dahlonega SDA Hero Styling (Full-width + pronounced mountains) === */

/* Force the hero column to be full-width (overrides <Col lg={10}>) */
.wide-white > .col-lg-10{
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Give the row a bit of breathing room */
.wide-white{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* Hero box */
#homepage-hero{
  position: relative;
  overflow: hidden;

  width: 100%;
  max-width: 98vw;
  margin: 1.75rem auto;
  padding: 4rem 3.25rem;
  border-radius: 1.5rem;

  /* darker left side, lighter right side */
  background:
    linear-gradient(
      90deg,
      rgba(6,34,30,.92) 0%,
      rgba(8,55,45,.88) 45%,
      rgba(12,80,60,.75) 100%
    );

  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

/* Mountains layer */
#homepage-hero::after{
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("/mountains2.svg");
  background-repeat: no-repeat;
  background-position: right 5% bottom 0%;
  background-size: 50%;

  opacity: .55;

  /* Make mountains darker + less washed out */
  filter: brightness(.65) contrast(1.2);

  pointer-events: none;
}

/* Ensure text stays above */
#homepage-hero > *{
  position: relative;
  z-index: 1;
}

/* Text styling */
#homepage-hero h1{
  color: #ffffff !important;
  font-weight: 600;
}

#homepage-hero p{
  color: #e6f3ef !important;
}

/* White readable text */
#homepage-hero h1,
#homepage-hero p,
#homepage-hero a{
  color: #fff !important;
}

#homepage-hero p{ opacity: .96; 
}