/* =================================================================
   Alphavima MM — shared SITE CHROME (header + footer + mobile nav)
   Loaded on every NON-membership page so the unified GiveLife365 header/footer
   are styled WITHOUT pulling in the full membership design system (which would
   disturb those pages' original Alphavima content design). Membership pages get
   the same chrome from style.css instead.
   ================================================================= */
:root{
  --navy:#1E3C73; --navy-d:#152D5A; --sky:#3B82D2; --sky-l:#7FB2E8;
  --ink:#15294E; --mut:#6B788C; --soft:#94A0B2;
  --line:#E6EAF0; --line-2:#EAEEF3; --hair:#F2F4F8;
  --head-bg:#E7F0FB; --skytint:#EEF4FB; --red:#D7263D;
  --grad:linear-gradient(135deg,#1E3C73 0%,#3B82D2 100%);
  --shadow:0 14px 34px rgba(20,40,80,.10); --r-sm:10px;
}
.gl-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}

/* ---------- header ---------- */
.site-header{background:var(--head-bg);border-bottom:2px solid var(--sky);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.site-header *{box-sizing:border-box}
.site-header a{text-decoration:none}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:84px;gap:20px}
.site-header .logo{display:inline-flex;align-items:center;line-height:0}
.site-header .logo img{height:50px;width:auto;display:block}
.main-nav{display:flex;align-items:center;gap:30px}
.main-nav a{color:var(--ink);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:5px}
.main-nav a:hover{color:var(--sky)}
.main-nav .caret{font-size:10px;color:var(--mut)}
.main-nav .nav-item.has-sub{position:relative;display:inline-flex;align-items:center}
.main-nav .nav-item.has-sub>a{color:var(--ink);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.main-nav .nav-item.has-sub>a:hover{color:var(--sky)}
.main-nav .subnav{position:absolute;top:100%;left:0;min-width:215px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:8px;margin-top:6px;z-index:1200;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
.main-nav .nav-item.has-sub:hover .subnav,.main-nav .nav-item.has-sub.open .subnav{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav .nav-item.has-sub::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}
.main-nav .subnav a{display:block;padding:9px 12px;border-radius:8px;color:var(--mut);font-weight:600;font-size:14px}
.main-nav .subnav a:hover{background:var(--skytint);color:var(--navy)}
.user-chip{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--ink)}
.user-chip .av{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--navy);margin:4px 0;border-radius:2px}
.d-flex{display:flex}.align-items-center{align-items:center}.gap-2{gap:8px}

/* header buttons — scoped + !important to beat the parent theme's global .btn */
.site-header .btn{font-weight:700!important;border-radius:var(--r-sm)!important;padding:9px 14px!important;font-size:13px!important;
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:1px solid transparent!important;
  cursor:pointer;line-height:1;text-decoration:none;transition:.18s ease}
.site-header .btn-ghost{background:#fff!important;border-color:var(--sky)!important;color:var(--sky)!important}
.site-header .btn-ghost:hover{background:var(--skytint)!important;color:var(--sky)!important}
.site-header .btn-soft{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important}
.site-header .btn-soft:hover{border-color:var(--sky)!important;color:var(--navy)!important}

/* ---------- mobile off-canvas ---------- */
#mNav .logo img{height:40px;width:auto}
.m-nav-link{display:block;padding:14px 4px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-2);text-decoration:none}
.m-nav-link:hover{color:var(--sky)}

/* ---------- footer ---------- */
.site-footer{background:#fff;border-top:1px solid var(--line);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.site-footer *{box-sizing:border-box}
.site-footer a{text-decoration:none}
.site-footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:54px 0 30px}
.site-footer .logo{display:inline-flex;align-items:center;margin-bottom:18px;line-height:0}
.site-footer .logo img{height:46px;width:auto}
.foot-c{display:flex;align-items:flex-start;gap:11px;color:var(--mut);font-size:14px;margin-bottom:12px}
.foot-ic{width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.site-footer h5{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:16px}
.site-footer .fcol a{display:block;color:var(--mut);font-size:14px;margin-bottom:11px}
.site-footer .fcol a:hover{color:var(--sky)}
.site-footer .bot{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-footer .bot small{color:var(--soft)}
.socials{display:flex;gap:9px}
.socials a{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none}
.socials a:hover{background:var(--sky)}

/* ---------- responsive ---------- */
@media (max-width:991px){
  .main-nav,.header-cta-desktop{display:none}
  .burger{display:block}
  .site-footer .top{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .gl-container{padding-inline:18px}
  .site-footer .top{grid-template-columns:1fr}
}

/* =================================================================
   Content pages (home, our-work, our-supporters, contact-us, news-views,
   annual-general-meeting, …) — restyle the parent-theme buttons and section
   titles to match the new Alphavima MM theme. Loaded via chrome.css on every
   non-membership page. !important is needed to beat the parent theme's rules.
   ================================================================= */
/* ---- Buttons → new brand button ---- */
.common-section .btn, .banner-btn-wrap a, .banner-btn-wrap .btn,
a.register-btn, .register-btn, .btn.primary-btn, .primary-btn,
.btn.btn-primary1, .btn-primary1, .contactus_main .btn{
  background:var(--grad)!important; color:#fff!important; border:1px solid transparent!important;
  border-radius:var(--r-sm)!important; padding:12px 24px!important; font-weight:700!important;
  font-size:15px!important; line-height:1.2!important; display:inline-flex!important;
  align-items:center; justify-content:center; gap:8px; text-decoration:none!important;
  box-shadow:0 10px 22px rgba(40,90,170,.28)!important; cursor:pointer; transition:.18s ease!important;
  text-transform:none!important;
}
.common-section .btn:hover, .banner-btn-wrap a:hover, .register-btn:hover,
.primary-btn:hover, .btn-primary1:hover, .contactus_main .btn:hover{
  filter:brightness(1.06); transform:translateY(-1px); color:#fff!important;
}
/* "Read more" style toggles → subtle sky link button */
a.showmore, .showmore, a.more-text, .more-text{
  color:var(--sky)!important; font-weight:700!important; text-decoration:none!important;
}

/* ---- Section / page titles → new theme heading style ---- */
.common-section h1, .common-section h2, .common-section h3,
.center-title h2, .center-title h3, .page-heading, .page-heading h1, .page-heading h2,
.contactus_main h1, .contactus_main h2, .whoweare h2{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important;
  color:var(--ink)!important; font-weight:800!important; letter-spacing:-.01em!important;
}
/* eyebrow / subtitle above titles */
.subtitle, .center-title .subtitle, .common-section .subtitle{
  color:var(--sky)!important; font-weight:800!important; letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
/* centered title accent underline (matches the membership .list-title rule) */
.center-title h2{position:relative; padding-bottom:14px}
.center-title h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:60px;height:3px;border-radius:3px;background:var(--navy)}