/* BINNAEM Charity — brand tokens + header */
:root {
  --maroon: #7f1424;
  --maroon-bright: #a01a30;
  --maroon-deep: #5a0e19;
  --maroon-tint: #f6e8ea;
}

html { scroll-behavior: smooth; }

/* Section spacing — conversion funnel (compact mobile) */
.section-funnel {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 640px) {
  .section-funnel {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}

/* Corporate maroon header */
.site-header-charity {
  background: rgba(127, 20, 36, 0.97);
  backdrop-filter: blur(10px);
  border-bottom: 3px solid var(--maroon-deep);
}
.site-header-charity .nav-link {
  color: #f0dade;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.93rem;
  letter-spacing: 0.01em;
  transition: color 0.15s ease;
}
.site-header-charity .nav-link:hover,
.site-header-charity .nav-link.is-active {
  color: #fff;
}
.site-header-charity .nav-link.is-active {
  font-weight: 800;
}
.site-header-charity .nav-meta {
  color: rgba(240, 218, 222, 0.85);
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
}
.site-header-charity .nav-meta:hover {
  color: #fff;
}
.lang-btn-charity {
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: transparent;
  color: #f0dade;
  border-radius: 8px;
  padding: 8px 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.88rem;
}
.lang-btn-charity:hover {
  border-color: #fff;
  color: #fff;
}
.menu-btn-charity {
  background: transparent;
  border: none;
  color: #f0dade;
  font-size: 1.6rem;
  line-height: 1;
  padding: 4px 8px;
  cursor: pointer;
}
.menu-btn-charity:hover { color: #fff; }

/* Maroon page band (inner pages) */
.page-band {
  background: linear-gradient(145deg, var(--maroon-deep) 0%, var(--maroon) 72%);
  color: #fff;
  border-bottom: 4px solid var(--maroon-bright);
}
.page-band .kicker-light {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.page-band h1 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.85rem, 4vw, 2.6rem);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
}
.page-band .page-band-sub {
  color: rgba(255, 255, 255, 0.88);
  margin-top: 0.75rem;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.6;
}

/* Section accents */
.section-maroon-tint {
  background: linear-gradient(180deg, #fdf6f7 0%, #fff 100%);
}
.stat-card-brand {
  border-top: 3px solid var(--maroon-bright);
}

/* Legacy footer / forms */
.site-footer .container,
.contact-list,
.form label span { font-family: Manrope, system-ui, sans-serif; }

/* Lightbox */
.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(10, 8, 9, 0.92);
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.lightbox.open { display: flex; }
.lightbox figure { margin: 0; max-width: min(92vw, 960px); text-align: center; }
.lightbox img { max-height: 78vh; width: auto; border-radius: 8px; }
.lightbox figcaption { color: #e9dfe0; font-weight: 600; margin-top: 12px; }
.lb-close, .lb-prev, .lb-next {
  position: absolute;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  padding: 8px 14px;
}
.lb-close { top: 12px; right: 16px; }
.lb-prev { left: 12px; top: 50%; transform: translateY(-50%); }
.lb-next { right: 12px; top: 50%; transform: translateY(-50%); }

.mobile-nav { display: none; }
.mobile-nav.open { display: flex; flex-direction: column; }

.wa-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #25d366;
  color: #fff;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}