/* =====================================================
   1. IMPORTS
===================================================== */

@import url("/css/base/theme.css");
@import url("/css/base/reset.css");

@import url("/css/sections/bingo-banner.css");
@import url("/css/sections/landing-hero.css");
@import url("/css/sections/savage-heart-animation.css");
@import url("/modules/prayerwall/prayerwall.css");
@import url("/modules/prayerwall/praisereport.css");
@import url("/css/sections/mobile.css");
@import url("/css/sections/footer.css");



/* =====================================================
   2. GLOBAL OVERLAY KILL SWITCH
   Removes theme/mobile pseudo overlays and glow layers
===================================================== */

html::before,
html::after,
body::before,
body::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  mix-blend-mode:normal !important;
}

html,
body{
  background:#fffaf0 !important;
}


/* =====================================================
   3. SIMPLE MESSAGE OVERRIDES
===================================================== */

.simple-message{
  max-width:640px;
  padding:22px 24px;
}

.simple-message::before{
  display:none;
}

.simple-message .lead{
  font-size:clamp(1.25rem,2.2vw,1.75rem);
  line-height:1.28;
}

.simple-message .lead-punch{
  margin-top:14px;
}

.mission-line,
.tagline,
.identity-strip{
  display:none;
}


/* =====================================================
   4. TABLET RESPONSIVE STYLES
===================================================== */

@media(max-width:860px){

  .floating-note{
    display:none;
  }

  .footer-tag{
    margin-top:10px;
    text-align:center;
  }

  .hero{
    min-height:auto;
    grid-template-columns:1fr;
    text-align:center;
    padding:34px 0 64px;
  }

  .hero-mark-wrap{
    order:-1;
    min-height:360px;
    margin-bottom:18px;
  }

  .hero-mark-wrap::before{
    width:min(360px,84vw);
  }

  .heart-stage{
    width:clamp(250px,76vw,335px);
  }

  .hero-message{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }

  .lead,
  .mission-line{
    margin-left:auto;
    margin-right:auto;
  }

  .actions,
  .identity-strip{
    justify-content:center;
  }
}


/* =====================================================
   5. MOBILE RESPONSIVE STYLES
===================================================== */

@media(max-width:720px){

  body{
    overflow-x:hidden;
  }

  .topbar{
    position:relative;
  }

  .topbar-inner{
    padding:14px;
    flex-direction:column;
    align-items:center;
    gap:12px;
  }

  .brand{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .brand img{
    width:42px;
    height:42px;
  }

  .brand-text strong{
    font-size:.78rem;
    line-height:1.25;
  }

  .brand-text span{
    font-size:.64rem;
  }

  .nav{
    width:100%;
    justify-content:center;
    gap:6px;
  }

  .nav a{
    font-size:.62rem;
    padding:8px 9px;
  }

  .bingo-marquee{
    width:calc(100% - 24px);
    margin:14px auto 16px;
    flex-direction:column;
    gap:7px;
    padding:18px 14px;
    border-radius:22px;
  }

  .bingo-marquee strong{
    font-size:1.08rem;
    line-height:1.08;
    white-space:normal;
  }

  .bingo-marquee span{
    font-size:.68rem;
    line-height:1.35;
  }

  .bingo-marquee em{
    width:100%;
  }

  .hero{
    width:100%;
    padding:28px 16px 52px;
  }

  .hero-message{
    padding:18px 18px 20px;
    border-left-width:2px;
  }

  .hero-message::before{
    font-size:.68rem;
    letter-spacing:.13em;
  }

  .title-small{
    font-size:clamp(.72rem,3vw,.9rem);
  }

  .title-main{
    font-size:clamp(2.55rem,13vw,4.45rem);
  }

  .eyebrow{
    font-size:.7rem;
    letter-spacing:.14em;
  }

  .actions{
    width:100%;
  }

  .btn{
    width:100%;
  }

  .hero-mark-wrap{
    min-height:330px;
    margin-bottom:18px;
  }

  .heart-stage{
    width:clamp(225px,80vw,305px);
  }

  .footer-brand{
    flex-direction:column;
  }

  .footer-brand div{
    align-items:center;
    text-align:center;
  }

  .footer-mission{
    font-size:.88rem;
  }

  .footer-legal{
    font-size:.64rem;
    line-height:1.45;
  }
}


/* =====================================================
   6. ACCESSIBILITY
===================================================== */

@media(prefers-reduced-motion:reduce){

  *,
  *::before,
  *::after{
    animation-duration:1ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:1ms !important;
  }

}

/* =====================================================
   SECTION TRANSITION: BELONG TO PRAYER WALL
===================================================== */

.section-fade-transition{
  height:120px;
  margin-top:-1px;
  background:
    linear-gradient(
      180deg,
      #f5e6c8 0%,
      #fbefd9 52%,
      #fffaf0 100%
    );
}