/*
Theme Name: BAGEC Research Center
Theme URI: https://bagec.org/
Author: BAGEC Research Center
Description: Lightweight five-page research center theme with institutional branding and editorial landing page. No page builder required.
Version: 8.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: bagec-research
*/
:root {
  --navy: #0A1931;
  --gold: #c8a45a;
  --gold-soft: #d5b777;
  --ink: #1d2735;
  --muted: #5e6b7a;
  --line: #d8dee7;
  --bg: #f6f8fb;
  --white: #ffffff;
  --shadow: 0 18px 44px rgba(10, 25, 49, 0.08);
  --radius: 20px;
  --radius-sm: 14px;
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, Lato, Arial, sans-serif;
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }
.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(10,25,49,0.08);
}
.nav-wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 88px; }
.brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.brand img { width: 220px; max-width: 100%; height: auto; }
.brand-stack { display: flex; flex-direction: column; gap: 3px; }
.brand-stack strong { font-size: 1rem; color: var(--navy); letter-spacing: .03em; }
.brand-stack small { color: var(--muted); font-size: .82rem; }
.nav-links { display: flex; align-items: center; gap: 24px; }
.nav-links a { color: var(--muted); font-weight: 600; padding: 10px 0; position: relative; }
.nav-links a.active, .nav-links a:hover { color: var(--navy); }
.nav-links a.active::after, .nav-links a:hover::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--gold);
}
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 13px 20px; border-radius: 999px; border: 1px solid var(--navy);
  background: var(--navy); color: var(--white); font-weight: 700; transition: .2s ease;
}
.btn:hover { transform: translateY(-1px); box-shadow: var(--shadow); }
.btn-outline { background: transparent; color: var(--navy); }
.btn-outline:hover { background: rgba(10,25,49,0.04); }
.btn-disabled { background: #cfd7e1; border-color: #cfd7e1; color: #51606f; cursor: not-allowed; }
.menu-toggle { display: none; border: 1px solid var(--line); background: white; border-radius: 12px; padding: 12px 14px; font-weight: 700; color: var(--navy); }
.hero {
  background: linear-gradient(180deg, #fbfdff 0%, #f3f6fb 100%);
  padding: 60px 0 52px;
}
.hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 42px; align-items: center; }
.eyebrow, .kicker {
  display: inline-block; margin: 0 0 16px; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; font-size: .78rem; color: var(--gold);
}
.hero h1, .page-hero h1 { margin: 0 0 16px; line-height: 1.08; color: var(--navy); }
.hero h1 { font-size: clamp(2.45rem, 4vw, 4.5rem); max-width: 12ch; }
.page-hero h1 { font-size: clamp(2.2rem, 4vw, 3.7rem); }
.hero-lead, .subtitle, .page-hero p { font-size: 1.08rem; color: var(--muted); max-width: 66ch; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.map-panel, .panel {
  background: var(--white); border: 1px solid rgba(10,25,49,0.08); border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.map-panel { padding: 24px; }
.map-caption { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; color: var(--muted); font-size: .92rem; }
.section { padding: 74px 0; }
.section-alt { background: var(--bg); }
.section-head, .newsletter-grid, .two-col { display: grid; gap: 28px; align-items: start; }
.section-head { grid-template-columns: 1fr auto; margin-bottom: 28px; }
.two-col { grid-template-columns: 1.1fr .9fr; }
.brief-grid, .profiles, .card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.brief-card, .card, .report {
  background: white; border: 1px solid rgba(10,25,49,0.08); border-radius: var(--radius);
  overflow: hidden; box-shadow: var(--shadow);
}
.cover {
  background: linear-gradient(145deg, var(--navy), #18315a);
  color: white; min-height: 220px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between;
}
.cover span { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; opacity: .82; font-weight: 700; }
.cover strong { font-size: 1.55rem; line-height: 1.12; }
.cover em { font-style: normal; color: var(--gold-soft); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .82rem; }
.brief-content, .card-content { padding: 22px 22px 24px; }
.meta { color: var(--gold); font-size: .86rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.text-link { color: var(--navy); font-weight: 700; }
.text-link:hover { color: #143b72; }
.research-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px; }
.research-stats div {
  background: var(--navy); color: white; padding: 22px; border-radius: var(--radius-sm);
}
.research-stats b { display: block; font-size: 1.6rem; color: var(--gold-soft); }
.newsletter {
  padding: 72px 0; background: linear-gradient(180deg, var(--navy), #0e2444); color: white;
}
.newsletter-grid { grid-template-columns: 1.1fr .9fr; }
.subscribe-form { display: flex; gap: 12px; flex-wrap: wrap; }
.subscribe-form input, .contact-form input, .contact-form textarea {
  width: 100%; border-radius: 14px; border: 1px solid rgba(10,25,49,0.15); padding: 15px 16px; font: inherit;
}
.subscribe-form input { flex: 1 1 260px; min-width: 220px; }
.subscribe-form .btn { flex: 0 0 auto; }
.small-note, .muted, .note, .form-status { color: rgba(255,255,255,0.82); }
.note { background: rgba(10,25,49,0.04); border: 1px solid rgba(10,25,49,0.08); border-radius: 14px; padding: 15px 16px; color: var(--muted); }
.page-hero { padding: 58px 0 28px; background: linear-gradient(180deg, #ffffff, #f7f9fd); border-bottom: 1px solid rgba(10,25,49,0.06); }
.tag {
  display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; font-size: .82rem; font-weight: 700;
  color: var(--navy); background: #eef3fb; border: 1px solid #d6e2f2; margin: 5px 8px 0 0;
}
.report { display: grid; grid-template-columns: .88fr 1.12fr; margin-top: 24px; }
.report > div:last-child { padding: 24px; }
.report-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.research-map {
  display: none; margin-top: 22px; padding: 18px; border: 1px solid rgba(10,25,49,0.08); border-radius: 18px; background: #f7f9fd;
  grid-template-columns: 1fr .9fr; gap: 18px; align-items: start;
}
.research-map.open { display: grid; }
.map-illustration {
  background: white; border-radius: 16px; border: 1px solid rgba(10,25,49,0.08); padding: 12px;
}
.hotspot-buttons { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 6px; }
.hotspot-buttons button {
  border: 1px solid #cfd9e5; background: white; color: var(--navy); border-radius: 999px; padding: 9px 12px; font-weight: 700; cursor: pointer;
}
.hotspot-buttons button.selected { background: var(--navy); color: white; border-color: var(--navy); }
.lang-control { display: flex; gap: 10px; margin-top: 18px; }
.lang-control button {
  border: 1px solid #cad6e3; background: white; color: var(--navy); border-radius: 999px; padding: 8px 14px; font-weight: 700; cursor: pointer;
}
.lang-control button.selected { background: var(--navy); color: white; border-color: var(--navy); }
[data-lang-block] { display: none; }
[data-lang-block].active { display: block; }
.profile-placeholder {
  min-height: 210px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(180deg, #edf2f8, #dfe7f1); color: var(--muted); font-weight: 700; text-align: center; padding: 24px;
}
.contact-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 24px; }
.contact-form { display: grid; gap: 14px; }
.contact-form textarea { min-height: 150px; resize: vertical; }
.site-footer {
  background: #071325; color: rgba(255,255,255,0.82); padding: 56px 0 28px;
}
.footer-grid { display: grid; grid-template-columns: 1.2fr .7fr .7fr; gap: 28px; }
.footer-brand img { width: 240px; background: white; padding: 10px; border-radius: 12px; }
.site-footer h4 { margin: 0 0 12px; color: white; }
.site-footer a { color: rgba(255,255,255,0.88); }
.site-footer a:hover { color: white; }
.footer-bottom {
  display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding-top: 24px; margin-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); font-size: .94rem;
}
.sr-only { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip: rect(0,0,0,0); white-space: nowrap; border:0; }
@media (max-width: 1040px) {
  .hero-grid, .two-col, .newsletter-grid, .contact-grid, .report, .research-map, .brief-grid, .profiles, .card-grid, .footer-grid { grid-template-columns: 1fr; }
  .brand img { width: 190px; }
}
@media (max-width: 860px) {
  .nav-wrap { flex-wrap: wrap; padding: 14px 0; }
  .menu-toggle { display: inline-flex; }
  .nav-links, .nav-cta { display: none; }
  .nav-links.open {
    display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 10px; padding: 10px 0 2px;
  }
  .nav-cta.open { display: inline-flex; }
  .section-head { grid-template-columns: 1fr; }
  .research-stats { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(var(--container), calc(100% - 22px)); }
  .hero { padding-top: 38px; }
  .map-panel, .panel { padding: 18px; }
  .cover { min-height: 190px; }
  .brand img { width: 160px; }
}


/* Homepage mockup refinement */
.home-mockup { background:#fff; }
.mockup-header { position:static; background:#fff; border-bottom:1px solid #e4e7ee; }
.nav-wrap-mockup { min-height:98px; gap:24px; }
.brand-mockup img { width:250px; }
.nav-links-mockup { gap:34px; }
.nav-links-mockup a { font-size:1.15rem; color:#1e2b3f; }
.nav-right { display:flex; align-items:center; gap:20px; }
.mockup-cta { border-radius:4px; padding:14px 22px; background:var(--navy); }
.search-icon { font-size:1.8rem; color:var(--navy); line-height:1; }
.hero-mockup { padding:0; background:#fff; }
.hero-frame { display:grid; grid-template-columns: 1.72fr 1fr; gap:0; border-bottom:1px solid #e3e7ee; }
.scenic-panel {
  min-height:600px; padding:46px 58px 34px; position:relative; overflow:hidden;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.84) 42%, rgba(255,255,255,0.25) 100%), url('assets/hero-goma.jpg');
  background-size: cover; background-position: center;
}
.scenic-panel h1 { margin:0; max-width: 11ch; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3rem, 5vw, 5.4rem); line-height: .98; letter-spacing:-0.03em; }
.scenic-panel h1 span { color: var(--navy); }
.scenic-panel h1 em { color: #be8a1d; font-style: normal; }
.hero-line { width:64px; height:4px; background:#be8a1d; margin:22px 0 18px; }
.hero-mockup .hero-lead { max-width: 25ch; color:#263246; font-size:1.1rem; line-height:1.45; }
.hero-btn { background:#c58f19; border-color:#c58f19; border-radius:4px; font-size:1.1rem; padding:15px 26px; }
.hero-map-card { background:#f2f4f7; display:flex; align-items:center; justify-content:center; padding:24px 18px; }
.hero-map-card img { width:100%; max-width:540px; }
.mockup-section { padding:18px 0 14px; }
.briefs-head { align-items:end; margin-bottom:16px; }
.briefs-head h2 { margin:0; font-family: Georgia, 'Times New Roman', serif; color:var(--navy); font-size:2rem; position:relative; }
.briefs-head h2::after { content:''; display:block; width:56px; height:4px; background:#c58f19; margin-top:10px; }
.view-link { color:#b67f14; font-weight:700; font-size:1.05rem; }
.brief-row { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.brief-tile { display:grid; grid-template-columns: 196px 1fr; border:1px solid #e2e5ea; background:#fff; }
.brief-thumb img { width:100%; height:100%; object-fit:cover; }
.brief-body { padding:14px 16px 10px; }
.brief-body .meta { font-size:.82rem; color:#b67f14; letter-spacing:.08em; }
.brief-body h3 { margin:8px 0 8px; font-family: Georgia, 'Times New Roman', serif; color:var(--navy); font-size:1.12rem; line-height:1.08; }
.brief-body p { margin:0; color:#4c5564; line-height:1.34; font-size:0.98rem; }
.brief-foot { margin-top:10px; display:flex; align-items:center; justify-content:space-between; color:#8a9099; font-size:.95rem; }
.brief-foot span:last-child { color:#b67f14; font-size:1.7rem; line-height:1; }
.featured-strip { border-top:1px solid #e4e6eb; border-bottom:1px solid #e4e6eb; background:#fafbfc; }
.featured-strip-inner { display:grid; grid-template-columns: auto auto 1fr; gap:22px; align-items:center; min-height:110px; }
.featured-label { font-family: Georgia, 'Times New Roman', serif; color:var(--navy); font-size:1.25rem; line-height:1.05; font-weight:700; }
.featured-divider { width:1px; height:52px; background:#cfcfcf; }
.featured-logos { display:flex; flex-wrap:wrap; gap:42px; align-items:center; color:#7b8088; font-weight:700; font-size:1.15rem; }
.featured-logos span:first-child { font-size:1.4rem; }
.newsletter-mockup { padding:22px 0 18px; background:linear-gradient(90deg, #08214b, #071b37); }
.newsletter-mockup-grid { display:grid; grid-template-columns: 1.2fr 1fr; gap:30px; align-items:center; }
.newsletter-copy { display:flex; gap:18px; align-items:flex-start; }
.mail-ico { color:#e3b442; font-size:2rem; line-height:1; margin-top:4px; }
.newsletter-copy h2 { margin:0 0 8px; font-family: Georgia, 'Times New Roman', serif; font-size:2rem; }
.newsletter-copy p { margin:0; color:rgba(255,255,255,.88); max-width: 58ch; }
.subscribe-form-mockup { display:grid; grid-template-columns: 1fr auto; gap:14px; }
.subscribe-form-mockup input { border-radius:3px; border:none; padding:18px 16px; }
.subscribe-gold { border:none; border-radius:3px; background:#d09b1f; color:#111a2d; min-width:240px; font-weight:800; }
.newsletter-mockup .small-note { margin-top:8px; color:rgba(255,255,255,.82); }
.footer-mockup { padding:16px 0 18px; background:linear-gradient(180deg, #05162e, #081f42); }
.footer-mockup-grid { display:grid; grid-template-columns: 1.1fr 1fr 1fr 1fr; gap:20px; align-items:start; }
.footer-mockup-grid > div { padding:10px 18px; border-left:1px solid rgba(255,255,255,.18); }
.footer-mockup-grid > div:first-child { border-left:none; padding-left:0; }
.footer-left .footer-brand img { width:180px; background:none; padding:0; border-radius:0; }
.footer-left p, .footer-mid p, .footer-contact p, .footer-nav p { margin:8px 0; color:rgba(255,255,255,.9); }
.footer-small { margin-top:18px !important; font-size:.95rem; }
.footer-nav a { color:rgba(255,255,255,.92); }

@media (max-width: 1200px) {
  .hero-frame, .newsletter-mockup-grid, .footer-mockup-grid { grid-template-columns:1fr; }
  .hero-map-card { border-top:1px solid #e4e7ee; }
  .brief-row { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
  .nav-links-mockup, .nav-right { display:none; }
  .menu-toggle { display:inline-flex; }
  .brand-mockup img { width:210px; }
  .scenic-panel { min-height:auto; padding:34px 22px 28px; }
  .brief-tile { grid-template-columns: 1fr; }
  .featured-strip-inner { grid-template-columns:1fr; gap:14px; padding:18px 0; }
  .featured-divider { display:none; }
  .featured-logos { gap:20px; }
  .subscribe-form-mockup { grid-template-columns:1fr; }
}

/* WordPress theme corrections */
.mockup-header .nav-wrap-mockup{min-height:94px}.site-header .brand img{height:auto}.nav-links a{font-family:Georgia,serif}.nav-right{flex-shrink:0}
.brief-tile{min-height:170px}.brief-tile .brief-thumb img{aspect-ratio:1.15;object-fit:cover}.brief-row a.brief-tile:hover{box-shadow:0 5px 18px #0a193120}
.featured-strip-inner{min-height:95px}.featured-logos{font-size:.98rem;color:#6c7585}.featured-logos .pending-mention{font-size:.9rem;font-style:italic;font-weight:400}
@media(max-width:1100px){.nav-links-mockup{gap:16px}.brand-mockup img{width:200px}.nav-links-mockup a{font-size:1rem}}
@media(max-width:900px){.nav-links.open{display:flex}.nav-right{display:none}.hero-frame{grid-template-columns:1fr}.scenic-panel h1{font-size:clamp(2.8rem,7vw,4.8rem)}.brief-tile{grid-template-columns:140px 1fr}.hero-mockup .hero-lead{max-width:55ch}}
@media(max-width:500px){.brief-tile{grid-template-columns:1fr}.brief-thumb img{max-height:170px}.scenic-panel{padding:36px 16px}.featured-strip-inner{padding:20px 0}.footer-mockup-grid>div{border-left:0;border-top:1px solid #ffffff22}.subscribe-gold{min-width:0}}


/* BAGEC V2 — approved homepage reference layout, desktop and mobile */
:root { --container: 1280px; }
.home .hero-mockup, .home .mockup-section, .home .featured-strip, .home .newsletter-mockup { width:100%; }
.home .mockup-header .container { max-width: 1280px; }
.home .hero-mockup .container.hero-frame { max-width: 1448px; width:100%; }
.home .hero-mockup { padding:0 !important; }
.home .hero-frame { display:grid; grid-template-columns:minmax(0, 1.62fr) minmax(0, 1fr); align-items:stretch; gap:0; }
.home .scenic-panel { min-width:0; min-height:425px; max-height:none; padding:24px clamp(24px,5.3vw,90px) 25px;
 background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.89) 35%,rgba(255,255,255,.38) 100%),url('assets/hero-reference.webp'); background-position:center; background-size:cover; }
.home .scenic-panel h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(36px,4.05vw,61px); line-height:.98; letter-spacing:-.035em; font-weight:700; max-width:none !important; margin:0; }
.home .scenic-panel h1 em,.home .scenic-panel h1 span { display:inline; }
.home .hero-mockup .hero-lead { max-width:560px !important; font-family:Georgia,'Times New Roman',serif; font-size:clamp(15px,1.35vw,19px); line-height:1.33; margin:0 0 10px; }
.home .hero-line { margin:16px 0 13px; height:3px; width:58px; }
.home .hero-actions { margin-top:12px; }
.home .hero-btn { padding:11px 22px; font-size:16px; }
.home .hero-map-card { padding:0 !important; margin:0; border:0; background:#eef1f5; overflow:hidden; }
.home .hero-map-card img { display:block; object-fit:cover; width:100%; height:100%; max-width:none; }
.home .briefs-section { padding:14px 0 16px; }
.home .brief-row { grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; }
.home .brief-tile { grid-template-columns: minmax(0,45%) minmax(0,55%); min-height:148px; }
.home .brief-tile .brief-thumb { min-height:148px; }
.home .brief-tile .brief-thumb img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.home .brief-body { padding:11px 11px 7px; min-width:0; }
.home .brief-body .meta { font-size:10px; line-height:1.1; }
.home .brief-body h3 { font-size:clamp(15px,1.28vw,20px); line-height:1.1; margin:6px 0; }
.home .brief-body p { font-family:Georgia,'Times New Roman',serif; font-size:clamp(12px,1.04vw,15px); line-height:1.28; }
.home .brief-foot { margin-top:5px; font-size:12px; }
.home .featured-strip-inner { min-height:76px; }
.home .newsletter-mockup { padding:16px 0; }
.home .footer-mockup { padding:12px 0; }
.home .nav-wrap-mockup { min-height:92px; }
.home .brand-mockup img { width:250px; }
.home .nav-links-mockup { gap:22px; }
.home .nav-links-mockup a { font-size:17px; }
.home .mockup-cta { padding:12px 20px; }
@media(max-width:1050px) {
 .home .hero-frame{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
 .home .scenic-panel{min-height:400px;padding:27px 25px}
 .home .scenic-panel h1{font-size:clamp(34px,4.1vw,52px)}
 .home .brief-row{grid-template-columns:1fr;}
 .home .brief-tile {grid-template-columns:180px 1fr;min-height:138px;}
 .home .brand-mockup img {width:200px;}
}
@media(max-width:760px) {
 .home .hero-frame {grid-template-columns:1fr;}
 .home .scenic-panel {min-height:auto;padding:32px 24px;}
 .home .scenic-panel h1 {font-size:clamp(35px,8vw,57px);}
 .home .hero-mockup .hero-lead {font-size:17px;max-width:550px !important;}
 .home .hero-map-card {max-height:460px;}
 .home .hero-map-card img {height:auto;}
 .home .featured-strip-inner {padding:15px 0;}
}
@media(max-width:440px) {
 .home .scenic-panel {padding:24px 17px;}
 .home .scenic-panel h1 {font-size:clamp(32px,8.4vw,42px);}
 .home .brief-tile {grid-template-columns: 130px 1fr;}
 .home .brief-tile .brief-thumb {min-height:144px;}
 .home .brief-body h3 {font-size:16px;}
 .home .brief-body p {font-size:12px;}
}


/* V3: approved HOME composition — navigation fit and entire DRC map visible */
.home .mockup-header .container.nav-wrap-mockup {
  width:min(1370px, calc(100% - 42px)); max-width:1370px;
  min-height:78px; flex-wrap:nowrap; gap:clamp(9px,1.1vw,19px);
}
.home .mockup-header .brand-mockup {flex:0 0 auto;}
.home .mockup-header .brand-mockup img {width:clamp(175px,17vw,228px);height:auto;}
.home .mockup-header .nav-links-mockup {
  display:flex; gap:clamp(10px,1.4vw,25px); align-items:center;
  flex:1 1 auto; justify-content:center; flex-wrap:nowrap; white-space:nowrap;
}
.home .mockup-header .nav-links-mockup a {
  display:inline-block; white-space:nowrap; font-size:clamp(13px,1.13vw,16px); line-height:1.3;
}
.home .mockup-header .nav-right {flex:0 0 auto; gap:8px;}
.home .mockup-header .mockup-cta {white-space:nowrap; padding:10px clamp(11px,1.2vw,17px); font-size:clamp(12px,1.02vw,15px);}
.home .scenic-panel h1 {font-size:clamp(35px,3.75vw,55px);line-height:1.015;letter-spacing:-.032em;}
.home .hero-frame {grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);}
.home .hero-map-card {overflow:hidden; min-width:0; min-height:420px;}
.home .hero-map-card img {
  display:block; object-fit:contain !important; object-position:center center;
  height:100%; width:100%; max-width:100%; background:#eef1f5;
}
/* Show the responsive menu before nav items are forced to wrap. */
@media (max-width:1100px) {
 .home .mockup-header .nav-links-mockup {display:none;}
 .home .mockup-header .nav-links-mockup.open {
   display:flex; flex-basis:100%; width:100%; flex-direction:column;
   align-items:flex-start; flex-wrap:nowrap; gap:6px; white-space:normal;
   padding:10px 0 4px;
 }
 .home .mockup-header .nav-wrap-mockup {flex-wrap:wrap; justify-content:space-between;}
 .home .mockup-header .nav-right {display:none;}
 .home .mockup-header .menu-toggle {display:inline-flex;}
 .home .mockup-header .nav-links-mockup a {font-size:16px;}
}
@media(max-width:760px) {
 .home .hero-frame {grid-template-columns:1fr;}
 .home .hero-map-card {min-height:0;padding:10px!important;}
 .home .hero-map-card img {height:auto; width:100%;}
 .home .scenic-panel h1 {font-size:clamp(34px,7.4vw,53px);}
}


/* V4 — desktop/tablet navigation always horizontal; mobile only under 650px.
   The previously activated mobile breakpoint at 1100px caused the menu icon
   in the WordPress Customizer preview. */
@media (min-width:651px) {
  .home .mockup-header .container.nav-wrap-mockup,
  .mockup-header .container.nav-wrap-mockup {
    width:calc(100% - 28px); max-width:1370px; display:flex;
    flex-direction:row; flex-wrap:nowrap; justify-content:space-between;
    align-items:center; gap:clamp(6px,1vw,15px);
  }
  .home .mockup-header .nav-links-mockup,
  .mockup-header .nav-links-mockup {
    display:flex !important; flex:1 1 auto; min-width:0; width:auto;
    flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center; justify-content:center; gap:clamp(7px,1.1vw,20px);
    padding:0; white-space:nowrap;
  }
  .home .mockup-header .nav-links-mockup a,
  .mockup-header .nav-links-mockup a,
  .mockup-header .nav-links-mockup li a {
    font-size:clamp(11px,1.0vw,16px) !important; white-space:nowrap;
    line-height:1.25; padding:9px 0;
  }
  .home .mockup-header .menu-toggle,
  .mockup-header .menu-toggle {display:none !important;}
  .home .mockup-header .brand-mockup img,
  .mockup-header .brand-mockup img {width:clamp(135px,17vw,230px);}
  .home .mockup-header .nav-right,
  .mockup-header .nav-right {display:flex; flex-shrink:0;}
  .home .mockup-header .mockup-cta,
  .mockup-header .mockup-cta {font-size:clamp(10px,.92vw,14px);padding:10px clamp(8px,1vw,16px);}
}
@media (min-width:651px) and (max-width:900px) {
  .home .mockup-header .nav-right,
  .mockup-header .nav-right {display:none !important;}
  .home .mockup-header .brand-mockup img,
  .mockup-header .brand-mockup img {width:clamp(130px,17vw,170px);}
  .home .mockup-header .nav-links-mockup,
  .mockup-header .nav-links-mockup {gap:7px;justify-content:flex-end;}
  .home .mockup-header .nav-links-mockup a,
  .mockup-header .nav-links-mockup a {font-size:clamp(10px,1.2vw,13px) !important;}
}
@media (max-width:650px) {
  .home .mockup-header .nav-links-mockup,
  .mockup-header .nav-links-mockup {display:none;}
  .home .mockup-header .nav-links-mockup.open,
  .mockup-header .nav-links-mockup.open {
     display:flex;flex-direction:column;align-items:flex-start;
     flex-basis:100%;width:100%;gap:6px;
  }
  .home .mockup-header .menu-toggle,
  .mockup-header .menu-toggle {display:inline-flex;}
  .home .mockup-header .nav-wrap-mockup,
  .mockup-header .nav-wrap-mockup {flex-wrap:wrap;}
  .home .mockup-header .nav-right,
  .mockup-header .nav-right {display:none;}
}

/* V5: deterministic desktop horizontal navigation; overrides all earlier breakpoints. */
@media screen and (min-width: 701px) {
 body .site-header.mockup-header .container.nav-wrap-mockup {
    display:flex !important; flex-flow:row nowrap !important; align-items:center !important;
    justify-content:space-between !important; max-width:1480px !important;
    width:calc(100% - 30px) !important; gap:clamp(6px,.9vw,16px) !important;
 }
 body .site-header.mockup-header .brand-mockup {flex:0 0 auto !important;}
 body .site-header.mockup-header .brand-mockup img {width:clamp(145px,15vw,224px) !important;}
 body .site-header.mockup-header nav.nav-links-mockup {
   display:flex !important; visibility:visible !important;
   position:static !important; flex:1 1 auto !important; min-width:0 !important;
   flex-flow:row nowrap !important; align-items:center !important; justify-content:center !important;
   width:auto !important; gap:clamp(6px,1vw,18px) !important; padding:0 !important;
 }
 body .site-header.mockup-header nav.nav-links-mockup a,
 body .site-header.mockup-header nav.nav-links-mockup li a {
   display:inline-block !important; font-size:clamp(10px,1.05vw,16px) !important;
   line-height:1.3 !important; white-space:nowrap !important; padding:8px 0 !important;
 }
 body .site-header.mockup-header nav.nav-links-mockup ul {
   display:flex !important; list-style:none !important; margin:0 !important; padding:0 !important;
   flex-flow:row nowrap !important; align-items:center !important; gap:clamp(6px,1vw,18px) !important;
 }
 body .site-header.mockup-header .menu-toggle {display:none !important;}
 body .site-header.mockup-header .nav-right {display:flex !important;flex:0 0 auto !important;}
 body .site-header.mockup-header .mockup-cta {font-size:clamp(10px,.85vw,14px)!important;padding:10px 12px!important;white-space:nowrap!important;}
}
@media screen and (min-width:701px) and (max-width:930px) {
 body .site-header.mockup-header .nav-right {display:none !important;}
}
@media screen and (max-width:700px) {
 body .site-header.mockup-header .menu-toggle {display:inline-flex !important;}
 body .site-header.mockup-header nav.nav-links-mockup:not(.open) {display:none !important;}
}

/* BAGEC About Us bilingual content only — V5.2 */
.bagec-statement { background:#0A1931; color:#fff; border-left:5px solid #c8a45a; padding:22px 24px; margin:26px 0 32px; font-size:1.17rem; line-height:1.45; }
.bagec-axes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin:24px 0 34px; }
.bagec-axes article { border:1px solid #d8dee7; border-radius:12px; padding:19px 20px; background:#fff; }
.bagec-axes h3 { font-size:1.07rem; color:#0A1931; margin:0 0 9px; }
.bagec-axes p { margin:0; color:#5e6b7a; }
.bagec-about-aside { padding:26px; color:#273447; }
.bagec-about-aside p { color:#5e6b7a; }
.bagec-about-aside hr { border:0; border-top:1px solid #d8dee7; margin:24px 0; }
@media (max-width:680px){ .bagec-axes { grid-template-columns:1fr; } }


/* BAGEC V5.3 — DRC hero map only. No changes to homepage text, navigation or other sections.
   The source map is more landscape-oriented than its column. Filling the image box
   avoids the grey letterbox bands visible above and below the map. */
@media (min-width: 761px) {
 body.home .hero-mockup .hero-frame { align-items:stretch; }
 body.home .hero-mockup .hero-map-card {
   padding:0 !important; margin:0 !important;
   display:block !important; position:relative !important;
   overflow:hidden !important; align-self:stretch !important;
   background:#e9edf2;
 }
 body.home .hero-mockup .hero-map-card img {
   display:block !important; width:100% !important; height:100% !important;
   max-width:none !important; max-height:none !important;
   object-fit:fill !important; object-position:center center !important;
   position:absolute !important; inset:0 !important;
 }
}

/* V6: language and donations — homepage structure and map remain unchanged */
.bagec-lang-switcher {display:flex; align-items:center; flex:0 0 auto}
.bagec-language-select {max-width:130px; padding:8px 6px; font-size:12px; border:1px solid #d4dce8; border-radius:5px; background:#fff; color:#0A1931; cursor:pointer}
.bagec-donate-nav {display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#c69422;color:#0A1931!important;padding:9px 12px;border-radius:4px;font-size:13px;font-weight:800}
body .site-header.mockup-header .nav-right {gap:8px!important}
@media(min-width:1100px){body .site-header.mockup-header .container.nav-wrap-mockup {max-width:1600px!important;width:calc(100% - 20px)!important}body .site-header.mockup-header nav.nav-links-mockup {gap:clamp(6px,.75vw,15px)!important}body .site-header.mockup-header .brand-mockup img {width:clamp(135px,12.5vw,195px)!important}body .site-header.mockup-header .mockup-cta {padding:9px 10px!important;font-size:12px!important}}
@media(max-width:1099px){
 body .site-header.mockup-header .nav-right{display:flex!important;flex:0 0 auto!important;gap:5px!important;margin-left:auto}
 body .site-header.mockup-header .nav-right .mockup-cta{display:none!important}
 .bagec-lang-switcher,.bagec-donate-nav{display:flex}
 .bagec-language-select{max-width:118px;padding:7px 3px;font-size:11px}
 .bagec-donate-nav{padding:7px 8px;font-size:11px}
}
@media(max-width:590px){
 body .site-header.mockup-header .nav-wrap-mockup{gap:5px!important}
 body .site-header.mockup-header .brand-mockup img{width:125px!important}
 body .site-header.mockup-header .menu-toggle{padding:6px!important;font-size:11px!important}
}
@media(max-width:390px){
 body .site-header.mockup-header .brand-mockup img{width:110px!important}
 .bagec-language-select{max-width:100px}
}
.bagec-donate-page {padding:70px 0 90px;background:#f8fafc;min-height:70vh}
.bagec-donate-page h1 {font-family:Georgia,serif;color:#0A1931;font-size:clamp(2rem,4vw,3.3rem)}
.bagec-donate-intro {max-width:750px;color:#4a576b;font-size:1.1rem}
.bagec-donation-methods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.bagec-donation-method {padding:30px;background:white;border:1px solid #dce2eb;border-radius:12px;box-shadow:0 10px 30px rgba(10,25,49,.05)}
.bagec-donation-method h2 {color:#0A1931;font-size:1.5rem}
.bagec-donate-action {display:inline-block;padding:14px 18px;border-radius:4px;background:#0A1931;color:white!important;font-weight:bold}
.bagec-payment-pending {display:inline-block;color:#536077;background:#eef1f6;padding:13px;border-radius:4px}
.bagec-donation-note {color:#626e7c;max-width:900px}
@media(max-width:700px){.bagec-donation-methods{grid-template-columns:1fr}}


/* V7: social media page. Home unchanged. */
.bagec-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1040px}
.bagec-social-card{padding:30px;border:1px solid #d8dee7;background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(10,25,49,.06)}
.bagec-social-card h2{color:#0A1931;font-size:clamp(1.45rem,2.3vw,2rem);margin:14px 0}
.bagec-social-card p{color:#5e6b7a}
.bagec-social-top{display:flex;align-items:center;gap:12px;font-weight:700;color:#0A1931}
.bagec-social-symbol{width:48px;height:48px;border-radius:12px;background:#0A1931;color:white;display:grid;place-items:center;font-size:25px;font-family:Arial,sans-serif;font-weight:700}
.bagec-social-card .btn{margin-top:10px}
.bagec-social-pending{font-weight:600;font-size:.95rem}
.bagec-social-note{margin-top:26px;color:#5e6b7a}
.bagec-social-note a{color:#0A1931;text-decoration:underline}
@media(max-width:680px){.bagec-social-grid{grid-template-columns:1fr}.bagec-social-card{padding:22px}}

.bagec-direct-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px}