/* ===== MONEY ALCHEMIST PODBEAN OVERLAY STYLE ===== */

/* Main hero / top section */
.banner,
.hero,
.homepage-header,
.site-header {
  position: relative;
  background-image: url("https://infinitewealthplanning.net/wp-content/uploads/2026/03/Cover-Art-Money-Alchemist-Podcast.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Dark green branded overlay */
.banner::before,
.hero::before,
.homepage-header::before,
.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0, 20, 10, 0.72),
    rgba(0, 0, 0, 0.68)
  );
  z-index: 1;
}

/* Keep all content above overlay */
.banner *,
.hero *,
.homepage-header *,
.site-header * {
  position: relative;
  z-index: 2;
}

/* Make text cleaner on top of overlay */
.banner h1,
.hero h1,
.homepage-header h1,
.site-header h1,
.banner h2,
.hero h2,
.homepage-header h2,
.site-header h2 {
  color: #ffffff;
  text-shadow: 0px 2px 10px rgba(0,0,0,0.45);
}

/* Paragraph text */
.banner p,
.hero p,
.homepage-header p,
.site-header p {
  color: rgba(255,255,255,0.92);
}

/* Buttons */
.banner .btn,
.hero .btn,
.homepage-header .btn,
.site-header .btn {
  background: #1fa463;
  border-radius: 10px;
  border: none;
  color: white;
  padding: 12px 22px;
  transition: all 0.25s ease;
}

/* Button hover */
.banner .btn:hover,
.hero .btn:hover,
.homepage-header .btn:hover,
.site-header .btn:hover {
  background: #27c878;
  transform: translateY(-2px);
}

/* Optional blur glass effect */
.banner .content,
.hero .content,
.homepage-header .content,
.site-header .content {
  backdrop-filter: blur(4px);
}