/* About-menu pages shared design (Gov/MNC) */
:root {
  --gov-navy: #001f3f;
  --gov-navy-dark: #00162e;
  --gov-green: #0d4d4d;
  --gov-green-light: #1a5f5f;
  --gov-cream: #faf8f5;
  --gov-cream-dark: #f0ede8;
  --gov-text: #0f172a;
  --gov-muted: #5a5a5a;
}

/* Base */
body.about-menu-page {
  background: var(--gov-cream);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--gov-text);

  /* Back-compat vars used across older page CSS */
  --primary-color: var(--gov-navy);
  --secondary-color: var(--gov-muted);
  --light-bg: var(--gov-cream);
  --success-color: var(--gov-green);
}

body.about-menu-page h1,
body.about-menu-page h2,
body.about-menu-page h3,
body.about-menu-page h4,
body.about-menu-page h5,
body.about-menu-page h6 {
  font-family: 'Outfit', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Shared hero look (overrides various page-specific hero classes) */
body.about-menu-page .awards-hero,
body.about-menu-page .reports-hero,
body.about-menu-page .finance-hero,
body.about-menu-page .verify-hero,
body.about-menu-page .id-hero,
body.about-menu-page .gallery-hero,
body.about-menu-page .testimonial-hero,
body.about-menu-page .team-hero,
body.about-menu-page .page-hero,
body.about-menu-page .hero-section,
body.about-menu-page .hero,
body.about-menu-page .header-hero {
  background: linear-gradient(135deg, var(--gov-navy-dark) 0%, var(--gov-navy) 55%, var(--gov-green) 100%) !important;
  color: #fdf8f3 !important;
  border-bottom: 3px solid var(--gov-green-light);
}

body.about-menu-page .awards-hero,
body.about-menu-page .reports-hero,
body.about-menu-page .finance-hero {
  padding: 90px 0 64px !important;
  text-align: center;
}

body.about-menu-page .verify-hero,
body.about-menu-page .id-hero,
body.about-menu-page .gallery-hero,
body.about-menu-page .testimonial-hero {
  padding: 88px 0 60px !important;
  text-align: center;
}

/* Testimonials headings */
body.about-menu-page.testimonial-page .section-title {
  color: var(--gov-navy) !important;
  font-weight: 900 !important;
}

body.about-menu-page .team-hero {
  padding: 92px 0 62px !important;
}

body.about-menu-page .awards-hero h1,
body.about-menu-page .reports-hero h1,
body.about-menu-page .finance-hero h1,
body.about-menu-page .team-hero h1,
body.about-menu-page .page-hero h1,
body.about-menu-page h1.display-4,
body.about-menu-page h1.display-5,
body.about-menu-page h1.display-6 {
  color: #fdf8f3 !important;
  font-weight: 900 !important;
  letter-spacing: -0.6px;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  max-width: 26ch;
  margin-left: auto;
  margin-right: auto;
  overflow-wrap: anywhere;
}

body.about-menu-page .awards-hero p,
body.about-menu-page .reports-hero p,
body.about-menu-page .finance-hero p,
body.about-menu-page .team-hero p,
body.about-menu-page .page-hero p,
body.about-menu-page .lead {
  color: rgba(253, 248, 243, 0.88) !important;
  max-width: 80ch;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 576px) {
  body.about-menu-page .awards-hero,
  body.about-menu-page .reports-hero,
  body.about-menu-page .finance-hero,
  body.about-menu-page .team-hero {
    padding: 76px 0 52px !important;
  }

  body.about-menu-page .awards-hero h1,
  body.about-menu-page .reports-hero h1,
  body.about-menu-page .finance-hero h1,
  body.about-menu-page .team-hero h1,
  body.about-menu-page h1.display-4 {
    font-size: clamp(1.8rem, 7vw, 2.35rem) !important;
    line-height: 1.12 !important;
  }
}

/* Buttons */
body.about-menu-page .btn-primary,
body.about-menu-page .btn-outline-primary:hover {
  background: linear-gradient(135deg, var(--gov-green), var(--gov-green-light)) !important;
  border-color: var(--gov-green) !important;
  color: #faf8f5 !important;
}

body.about-menu-page .btn-outline-primary {
  border-color: var(--gov-green) !important;
  color: var(--gov-green) !important;
}

/* Cards */
body.about-menu-page .award-card,
body.about-menu-page .report-card,
body.about-menu-page .finance-card,
body.about-menu-page .verify-card,
body.about-menu-page .glass-card,
body.about-menu-page .value-item,
body.about-menu-page .timeline-content,
body.about-menu-page .team-member,
body.about-menu-page .leadership-member {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 31, 63, 0.10) !important;
  box-shadow: 0 16px 40px rgba(0, 31, 63, 0.10) !important;
}

body.about-menu-page .report-card {
  border-left-color: var(--gov-green-light) !important;
}

body.about-menu-page .file-icon,
body.about-menu-page .finance-icon i {
  color: var(--gov-green-light) !important;
}

/* Gallery tweaks (keep the layout but align colors) */
body.about-menu-page .filter-btn {
  border-color: var(--gov-green) !important;
  color: var(--gov-green) !important;
}

body.about-menu-page .filter-btn.active,
body.about-menu-page .filter-btn:hover {
  background: var(--gov-green) !important;
  color: #fff !important;
}

/* Neutralize any hard-coded Poppins-only pages */
body.about-menu-page {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}