/* WAPSeD — polish CSS. Design system lives in theme.json / Global Styles. */

/* Accent (orange) button variation */
.wp-block-button.is-style-accent > .wp-block-button__link {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--base);
}
.wp-block-button.is-style-accent > .wp-block-button__link:hover,
.wp-block-button.is-style-accent > .wp-block-button__link:focus {
  background-color: #D4A00A;
}

/* Card group variation */
.wp-block-group.is-style-card {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(26, 0, 64, .04), 0 10px 30px rgba(26, 0, 64, .06);
  height: 100%;
}

/* Hero intro paragraph */
.wapsed-hero-lede { max-width: 42rem; }

/* Hero photo text legibility */
main .wp-block-post-content > section[style*="background-image"] h1,
main .wp-block-post-content > section[style*="background-image"] p { text-shadow: 0 2px 16px rgba(26,0,64,.55); }

/* Footer */
.wapsed-footer a { color: #D7DEE8; text-decoration: none; }
.wapsed-footer a:hover, .wapsed-footer a:focus { color: #ffffff; text-decoration: underline; }
.wapsed-footer .wp-block-list { list-style: none; margin: 0; padding: 0; }
.wapsed-footer .wp-block-list li { margin: 0 0 .5rem; }
.wapsed-footer .wp-block-social-links { margin-top: 1rem; }

/* Partner logos — uniform height */
.wapsed-partner-logo { display: flex; align-items: center; justify-content: center; min-height: 146px; }
.wapsed-partner-logo .wp-block-image { margin: 0; }
.wapsed-partner-logo img { max-height: 84px; width: auto; object-fit: contain; }

/* ============ bbforpeace-style UI layer ============ */

/* Header: same horizontal rhythm as sections (root padding clamp) */
.wapsed-header { padding-left: var(--wp--style--root--padding-left, clamp(30px, 5vw, 50px)) !important; padding-right: var(--wp--style--root--padding-right, clamp(30px, 5vw, 50px)) !important; }

/* Sticky header with scroll shadow */
header.wp-block-template-part { position: sticky; top: 0; z-index: 100; }
body.admin-bar header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
.wapsed-header { transition: box-shadow .3s ease, padding .3s ease; }
body.wapsed-scrolled .wapsed-header { box-shadow: 0 4px 24px rgba(26, 0, 64, .09); }

/* Scroll reveal (slide-up) */
.wapsed-anim { opacity: 0; transform: translateY(26px); transition: opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1); transition-delay: var(--wapsed-d, 0ms); }
.wapsed-anim.wapsed-in { opacity: 1; transform: none; }

/* Card hover: lift + image zoom */
.wp-block-group.is-style-card { transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s cubic-bezier(.4,0,.2,1); }
.wp-block-group.is-style-card:hover { transform: translateY(-6px); box-shadow: 0 4px 10px rgba(26,0,64,.05), 0 24px 48px rgba(26,0,64,.13); }
.is-style-card .wp-block-image { overflow: hidden; border-radius: 10px; }
.is-style-card .wp-block-image img { transition: transform .6s cubic-bezier(.4,0,.2,1); }
.is-style-card:hover .wp-block-image img { transform: scale(1.05); }

/* Buttons: lift on hover */
.wp-block-button__link { transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(26,0,64,.18); }

/* Partner logos: grayscale → color */
.wapsed-partner-logo img { filter: grayscale(1); opacity: .72; transition: filter .35s ease, opacity .35s ease, transform .35s ease; }
.wapsed-partner-logo:hover img { filter: none; opacity: 1; transform: scale(1.05); }

/* Typewriter cursor */
.wapsed-cursor { display: inline-block; width: 4px; height: 1em; margin-left: .18em; vertical-align: -.08em; background: var(--wp--preset--color--accent); animation: wapsedBlink 1s steps(2, start) infinite; }
@keyframes wapsedBlink { 50% { opacity: 0; } }

/* Hero crossfade slider */
.wapsed-hero { position: relative; isolation: isolate; overflow: hidden; }
.wapsed-hero > *:not(.wapsed-slides) { position: relative; z-index: 2; }
.wapsed-slides { position: absolute; inset: 0; z-index: 0; max-width: none !important; margin: 0 !important; width: 100%; height: 100%; }
.wapsed-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.8s cubic-bezier(.4,0,.2,1); }
.wapsed-slide.on { opacity: 1; animation: wapsedZoom 8s linear forwards; }
@keyframes wapsedZoom { from { transform: scale(1); } to { transform: scale(1.06); } }
.wapsed-slides::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(26,0,64,.72) 0%, rgba(26,0,64,.44) 46%, rgba(26,0,64,.16) 78%, rgba(26,0,64,.30) 100%); }

/* Reduced motion: disable everything */
@media (prefers-reduced-motion: reduce) {
  .wapsed-anim { opacity: 1 !important; transform: none !important; transition: none !important; }
  .wapsed-slide { transition: none !important; animation: none !important; }
  .wapsed-cursor { display: none !important; }
  .wp-block-group.is-style-card, .wp-block-button__link, .is-style-card .wp-block-image img { transition: none !important; }
}
/* Metrics band: distribute stat cells across the full width (auto-fit collapses the phantom columns auto-fill reserves) */
main section.has-primary-background-color .wp-block-group.is-layout-grid { grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr)); justify-items: center; }

/* ============ bbforpeace parity: hero v2 + about v2 ============ */

/* Typewriter line: "We <typed>" in accent */
.wapsed-typeline { font-family: var(--wp--preset--font-family--poppins); font-weight: 700; min-height: 1.4em; }
.wapsed-typeline .wapsed-type { color: var(--wp--preset--color--accent); }

/* Slider dots (bottom-left) */
.wapsed-hero-dots { display: flex; gap: 8px; margin-top: 22px; position: relative; z-index: 3; }
.wapsed-hero-dots button { width: 10px; height: 10px; border-radius: 999px; border: 0; padding: 0; background: rgba(255,255,255,.45); cursor: pointer; transition: width .3s ease, background .3s ease; }
.wapsed-hero-dots button.on { width: 34px; background: var(--wp--preset--color--accent); }


/* About media stack: main image + floating secondary + badge */
.wapsed-about-media { position: relative; height: 100%; min-height: 460px; }
.wapsed-about-media > .wp-block-image { height: 100%; margin: 0; }
.wapsed-about-media > .wp-block-image img { border-radius: 16px; display: block; height: 100%; width: 100%; object-fit: cover; object-position: 60% center; }
.wapsed-about-float { position: absolute; right: -16px; bottom: -26px; width: 46%; border: 6px solid var(--wp--preset--color--base); border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px rgba(26,0,64,.28); margin: 0; }
.wapsed-about-float img { display: block; }
.wapsed-badge { position: absolute; left: -12px; top: -14px; z-index: 2; background: var(--wp--preset--color--accent); color: #fff; font-weight: 700; font-size: .85rem; padding: .55rem .95rem; border-radius: 10px; box-shadow: 0 10px 24px rgba(26,0,64,.25); margin: 0; }
@media (max-width: 781px) {
  .wapsed-about-float { right: 4px; bottom: -18px; }
  .wapsed-about-media { margin-bottom: 34px; }
}

/* Focus-area checklist (2-col, green check circles) */
ul.wapsed-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .1rem 1.4rem; list-style: none; padding: 0; margin: 0; }
ul.wapsed-checks li { position: relative; padding-left: 2.05rem; margin: 0 0 .6rem; font-weight: 500; }
ul.wapsed-checks li::before { content: "\2713"; position: absolute; left: 0; top: .05rem; width: 1.4rem; height: 1.4rem; border-radius: 999px; background: #E4F3E6; color: var(--wp--preset--color--accent-green); font-weight: 800; font-size: .8rem; display: grid; place-items: center; }

/* Icon chips on mission/vision cards */
.wapsed-chip { width: 52px; height: 52px; border-radius: 12px; display: grid; place-items: center; }
.wapsed-chip p { display: none; }
.wapsed-chip::before { content: ""; width: 27px; height: 27px; background: center / contain no-repeat; }
.wapsed-chip-primary { background: var(--wp--preset--color--primary-soft); }
.wapsed-chip-primary::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%237C3AED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='6'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2'/%3E%3C/svg%3E"); }
.wapsed-chip-accent { background: #FDEBD9; }
.wapsed-chip-accent::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23EE7A2B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207-10-7-10-7z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E"); }
/* ============ Inner-page photo heroes ============ */
.page-id-10 main .wp-block-post-content > section:first-of-type,
.page-id-11 main .wp-block-post-content > section:first-of-type,
.page-id-17 main .wp-block-post-content > section:first-of-type,
.page-id-14 main .wp-block-post-content > section:first-of-type,
.page-id-13 main .wp-block-post-content > section:first-of-type,
.page-id-12 main .wp-block-post-content > section:first-of-type,
.page-id-21 main .wp-block-post-content > section:first-of-type,
.page-id-18 main .wp-block-post-content > section:first-of-type,
.page-id-20 main .wp-block-post-content > section:first-of-type,
.page-id-75 main .wp-block-post-content > section:first-of-type { background-size: cover; background-position: center; background-repeat: no-repeat; }
.page-id-10 main .wp-block-post-content > section:first-of-type h1,
.page-id-10 main .wp-block-post-content > section:first-of-type p,
.page-id-11 main .wp-block-post-content > section:first-of-type h1,
.page-id-11 main .wp-block-post-content > section:first-of-type p,
.page-id-17 main .wp-block-post-content > section:first-of-type h1,
.page-id-17 main .wp-block-post-content > section:first-of-type p,
.page-id-14 main .wp-block-post-content > section:first-of-type h1,
.page-id-14 main .wp-block-post-content > section:first-of-type p,
.page-id-13 main .wp-block-post-content > section:first-of-type h1,
.page-id-13 main .wp-block-post-content > section:first-of-type p,
.page-id-12 main .wp-block-post-content > section:first-of-type h1,
.page-id-12 main .wp-block-post-content > section:first-of-type p,
.page-id-21 main .wp-block-post-content > section:first-of-type h1,
.page-id-21 main .wp-block-post-content > section:first-of-type p,
.page-id-18 main .wp-block-post-content > section:first-of-type h1,
.page-id-18 main .wp-block-post-content > section:first-of-type p,
.page-id-20 main .wp-block-post-content > section:first-of-type h1,
.page-id-20 main .wp-block-post-content > section:first-of-type p,
.page-id-75 main .wp-block-post-content > section:first-of-type h1,
.page-id-75 main .wp-block-post-content > section:first-of-type p { text-shadow: 0 2px 16px rgba(26,0,64,.55); }
.page-id-10 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-01.jpg'); }
.page-id-11 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-04.jpg'); }
.page-id-17 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-01.jpg'); }
.page-id-14 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-05.jpg'); }
.page-id-13 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-02.jpg'); }
.page-id-12 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-06.jpg'); }
.page-id-21 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-08.jpg'); }
.page-id-18 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-08.jpg'); }
.page-id-20 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-02.jpg'); }
.page-id-75 main .wp-block-post-content > section:first-of-type { background-image: linear-gradient(90deg, rgba(26,0,64,.9) 0%, rgba(26,0,64,.64) 52%, rgba(26,0,64,.4) 100%), url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-07.jpg'); }

/* ===== Mobile navigation overlay (branded) ===== */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff;padding:0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important;justify-content:flex-start!important;width:100%;padding:clamp(4.75rem,15vw,6.25rem) clamp(1.5rem,7vw,3.25rem) 3rem;gap:0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>li{width:100%;border-bottom:1px solid rgba(26,0,64,.09);padding:.15rem 0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>li>a,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>li>.wp-block-navigation-item__content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu>.wp-block-navigation-item__content{display:block;font-family:"Poppins",sans-serif!important;font-weight:600!important;font-size:1.18rem!important;line-height:1.2!important;color:#1A0040!important;text-align:left!important;text-decoration:none!important;padding:1rem .25rem!important;letter-spacing:-.01em;transition:color .18s ease}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>li>a:hover,.wp-block-navigation__responsive-container.is-menu-open [aria-current] .wp-block-navigation-item__content{color:#7C3AED!important}
.wp-block-navigation__responsive-container.is-menu-open [aria-current=page]{color:#FCC30B!important}
/* submenu items (Our Story / Our Objectives / Events / Photo Gallery / Videos / Reports) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{position:static!important;opacity:1!important;visibility:visible!important;width:100%!important;min-width:0!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 0 .4rem!important;margin:0!important;transform:none!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container>li{border:0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a{font-family:"Inter",sans-serif!important;font-weight:500!important;font-size:1rem!important;color:#5a6b7e!important;text-align:left!important;padding:.5rem 0 .5rem .9rem!important;margin-left:.25rem;border-left:2px solid rgba(124,58,237,.28)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a:hover{color:#7C3AED!important;border-left-color:#FCC30B}
/* hide the little dropdown arrows in overlay (submenus are always expanded) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none!important}
/* close (X) button */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:1.4rem;right:1.4rem;color:#1A0040}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{width:30px;height:30px}
/* hamburger open button */
.wapsed-header .wp-block-navigation__responsive-container-open{color:#1A0040;padding:.35rem}
.wapsed-header .wp-block-navigation__responsive-container-open svg{width:30px;height:30px}

/* About floating stat card (repurposed .wapsed-about-float) */
.wapsed-about-float{ right:18px; bottom:-22px; width:auto; min-width:132px; max-width:210px; border:0; background:#fff; padding:16px 22px 18px; border-radius:16px; overflow:visible; display:flex; flex-direction:column; align-items:flex-start; box-shadow:0 20px 46px rgba(26,0,64,.22); }
.wapsed-about-float > figure, .wapsed-about-float img{ display:none !important; }
.wapsed-about-float::before{ content:"15"; font-family:"Poppins",sans-serif; font-weight:800; font-size:2.6rem; line-height:1; color:#7C3AED; letter-spacing:-.02em; }
.wapsed-about-float::after{ content:"West African Countries"; font-family:"Inter",sans-serif; font-weight:600; font-size:.82rem; line-height:1.25; letter-spacing:.01em; color:#1A0040; margin-top:6px; max-width:140px; }
@media (max-width:600px){ .wapsed-about-float{ right:10px; bottom:-16px; padding:12px 16px 14px; min-width:112px; } .wapsed-about-float::before{ font-size:2.1rem; } .wapsed-about-float::after{ font-size:.76rem; } }


/* ===== In-body photo bands (thin inner pages) ===== */
.page-id-14 main .wp-block-post-content > section:nth-of-type(2)::after,
.page-id-13 main .wp-block-post-content > section:nth-of-type(2)::after,
.page-id-18 main .wp-block-post-content > section:nth-of-type(2)::after,
.page-id-12 main .wp-block-post-content > section:nth-of-type(2)::after,
.page-id-21 main .wp-block-post-content > section:nth-of-type(2)::after{
  content:""; display:block; width:100%; max-width:1200px;
  margin:clamp(24px,4.5vw,48px) auto 0; height:clamp(200px,32vw,340px);
  border-radius:18px; background-size:cover; background-position:center;
  background-repeat:no-repeat; box-shadow:0 22px 50px rgba(26,0,64,.18);
}
.page-id-14 main .wp-block-post-content > section:nth-of-type(2)::after{ background-image:url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-03.jpg'); }
.page-id-13 main .wp-block-post-content > section:nth-of-type(2)::after{ background-image:url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-04.jpg'); }
.page-id-18 main .wp-block-post-content > section:nth-of-type(2)::after{ background-image:url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-05.jpg'); }
.page-id-12 main .wp-block-post-content > section:nth-of-type(2)::after{ background-image:url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-07.jpg'); }
.page-id-21 main .wp-block-post-content > section:nth-of-type(2)::after{ background-image:url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day2-03.jpg'); }


/* ===== Back-to-top button ===== */
.wapsed-to-top{ position:fixed; right:clamp(16px,3vw,30px); bottom:clamp(16px,3vw,30px); z-index:95;
  width:48px; height:48px; border:0; border-radius:50%; cursor:pointer; color:#fff;
  background:var(--wp--preset--color--primary,#7C3AED);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 28px rgba(26,0,64,.34);
  opacity:0; visibility:hidden; transform:translateY(14px);
  transition:opacity .25s ease, transform .25s ease, background .2s ease, visibility .25s; }
.wapsed-to-top.show{ opacity:1; visibility:visible; transform:translateY(0); }
.wapsed-to-top:hover{ background:var(--wp--preset--color--accent,#FCC30B); }
@media (prefers-reduced-motion:reduce){ .wapsed-to-top{ transition:opacity .01s; } }

/* ===== Focus Areas: gradient numbered cards (homepage section 4) ===== */
.home main .wp-block-post-content > section:nth-of-type(4) .wp-block-group.is-layout-grid{ counter-reset:wfa; }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card{
  position:relative; overflow:hidden; border:0 !important; border-radius:20px;
  padding:88px 30px 30px !important; color:#fff !important; min-height:236px;
  box-shadow:0 18px 40px rgba(26,0,64,.16);
  transition:transform .28s ease, box-shadow .28s ease; }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:hover{
  transform:translateY(-6px); box-shadow:0 28px 56px rgba(26,0,64,.26); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card h4{
  color:#fff !important; position:relative; z-index:1; margin:0 0 10px; }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card p{
  color:rgba(255,255,255,.92) !important; position:relative; z-index:1; margin:0; }
/* number badge */
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card::after{
  counter-increment:wfa; content:counter(wfa,decimal-leading-zero);
  position:absolute; top:26px; right:28px; z-index:1;
  font-family:"Poppins",sans-serif; font-weight:700; font-size:1rem; color:rgba(255,255,255,.6); }
/* icon badge (top-left) */
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card::before{
  content:""; position:absolute; top:28px; left:30px; z-index:1;
  width:48px; height:48px; border-radius:13px; background-color:rgba(255,255,255,.18);
  background-repeat:no-repeat; background-position:center; background-size:25px 25px; }
/* per-card gradient (WAPSeD palette) + themed icon */
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(1){ background:linear-gradient(135deg,#7C3AED,#A855F7); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(1)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E"); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(2){ background:linear-gradient(135deg,#C0398F,#E255AE); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(2)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V5z'/%3E%3C/svg%3E"); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(3){ background:linear-gradient(135deg,#2E9E5B,#46C46E); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(3)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E"); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(4){ background:linear-gradient(135deg,#FCC30B,#FFD54A); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(4)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.5 6H21l-5 4 2 7-6-4-6 4 2-7-5-4h6.5z'/%3E%3C/svg%3E"); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(5){ background:linear-gradient(135deg,#159B9B,#22C3C3); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(5)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 6-14 14-14 0 8-6 14-14 14z'/%3E%3Cpath d='M5 19L15 9'/%3E%3C/svg%3E"); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(6){ background:linear-gradient(135deg,#5B3FB0,#8257D6); }
.home main .wp-block-post-content > section:nth-of-type(4) .is-style-card:nth-child(6)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3.5 3.5 3.5 14.5 0 18M12 3c-3.5 3.5-3.5 14.5 0 18'/%3E%3C/svg%3E"); }


/* Focus Areas: dark photo background (homepage section 4) */
.home main .wp-block-post-content > section:nth-of-type(4){
  background-color:#1A0040 !important;
  background-image:linear-gradient(rgba(26,0,64,.9),rgba(26,0,64,.92)),url('https://staging.wapsednetwork.org/wp-content/uploads/2026/07/g-day1-04.jpg') !important;
  background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;
}
.home main .wp-block-post-content > section:nth-of-type(4) h2{ color:#fff !important; }
.home main .wp-block-post-content > section:nth-of-type(4) p{ color:rgba(255,255,255,.82) !important; }


/* ===== Desktop nav mega-menu dropdowns (icon + title + description) ===== */
@media (min-width:600px){
.wapsed-header .wp-block-navigation__submenu-container{
  min-width:346px !important; padding:14px !important; border-radius:16px !important;
  background:#fff !important; border:1px solid rgba(26,0,64,.07) !important;
  box-shadow:0 26px 64px rgba(26,0,64,.2) !important; margin-top:8px; }
.wapsed-header .wp-block-navigation__submenu-container li{ width:100%; }
.wapsed-header .wp-block-navigation__submenu-container li > a{
  display:grid !important; grid-template-columns:44px 1fr; grid-template-rows:auto auto;
  column-gap:14px; align-items:center; padding:11px 12px !important; border-radius:12px;
  color:#1A0040 !important; text-decoration:none !important;
  font-family:"Poppins",sans-serif !important; font-weight:600 !important;
  transition:background .18s ease; }
.wapsed-header .wp-block-navigation__submenu-container li > a:hover{ background:rgba(124,58,237,.07) !important; }
.wapsed-header .wp-block-navigation__submenu-container li > a .wp-block-navigation-item__label{
  grid-column:2; grid-row:1; font-family:"Poppins",sans-serif; font-weight:600; font-size:.98rem; color:#1A0040; line-height:1.2; }
.wapsed-header .wp-block-navigation__submenu-container li > a::before{
  content:""; grid-column:1; grid-row:1 / span 2; align-self:center;
  width:44px; height:44px; border-radius:12px; background-color:rgba(124,58,237,.08);
  background-repeat:no-repeat; background-position:center; background-size:22px 22px; }
.wapsed-header .wp-block-navigation__submenu-container li > a::after{
  grid-column:2; grid-row:2; font-family:"Inter",sans-serif !important; font-weight:400 !important;
  font-size:.8rem; color:#5a6b7e; line-height:1.3; margin-top:2px; }
/* per-item icons */
.wapsed-header .wp-block-navigation__submenu-container a[href*="our-story"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 015.5 4H19v13H5.5A1.5 1.5 0 004 18.5z'/%3E%3Cpath d='M9 4v13'/%3E%3C/svg%3E"); }
.wapsed-header .wp-block-navigation__submenu-container a[href*="our-objectives"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E"); }
.wapsed-header .wp-block-navigation__submenu-container a[href*="/events/"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.wapsed-header .wp-block-navigation__submenu-container a[href*="photo-gallery"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M4 18l5-5 4 4 3-3 4 4'/%3E%3C/svg%3E"); }
.wapsed-header .wp-block-navigation__submenu-container a[href*="/videos/"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5l6 3.5-6 3.5z'/%3E%3C/svg%3E"); }
.wapsed-header .wp-block-navigation__submenu-container a[href*="/reports/"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a1 1 0 01-1 1H7a1 1 0 01-1-1V4.5a1 1 0 011-1z'/%3E%3Cpath d='M14 3.5V8h4M9 12.5h6M9 16h6'/%3E%3C/svg%3E"); }
/* per-item descriptions */
.wapsed-header .wp-block-navigation__submenu-container a[href*="our-story"]::after{ content:"How WAPSeD began and where we're headed"; }
.wapsed-header .wp-block-navigation__submenu-container a[href*="our-objectives"]::after{ content:"The goals that guide our work"; }
.wapsed-header .wp-block-navigation__submenu-container a[href*="/events/"]::after{ content:"Dialogues, convenings and gatherings"; }
.wapsed-header .wp-block-navigation__submenu-container a[href*="photo-gallery"]::after{ content:"Photos from our activities"; }
.wapsed-header .wp-block-navigation__submenu-container a[href*="/videos/"]::after{ content:"Recorded dialogues and highlights"; }
.wapsed-header .wp-block-navigation__submenu-container a[href*="/reports/"]::after{ content:"Publications and policy reports"; }
}

/* Partners: left-align heading block to the logo row (fix misalignment) */
.home main .wp-block-post-content > section:nth-of-type(9) > p,
.home main .wp-block-post-content > section:nth-of-type(9) > h2{
  max-width:var(--wp--style--global--wide-size,1200px) !important;
  margin-left:auto !important; margin-right:auto !important;
  text-align:left !important;
}


/* ===== Header search trigger + overlay ===== */
.wapsed-search-trigger{ background:transparent; border:0; cursor:pointer; padding:8px; display:inline-flex; align-items:center; justify-content:center; color:#1A0040; border-radius:50%; transition:background .18s ease; }
.wapsed-search-trigger:hover{ background:rgba(124,58,237,.09); }
.wapsed-search-trigger svg{ width:22px; height:22px; display:block; }
.wapsed-search-overlay{ position:fixed; inset:0; z-index:1000; background:rgba(26,0,64,.55); opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s; display:flex; align-items:flex-start; justify-content:center; padding:14vh 20px 20px; }
.wapsed-search-overlay.open{ opacity:1; visibility:visible; }
.wapsed-search-box{ width:min(760px,100%); background:#fff; border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.35); transform:translateY(-12px); transition:transform .2s ease; overflow:hidden; }
.wapsed-search-overlay.open .wapsed-search-box{ transform:translateY(0); }
.wapsed-search-form{ display:flex; align-items:center; gap:12px; padding:18px 20px; margin:0; }
.wapsed-search-form > svg{ width:22px; height:22px; color:#7C3AED; flex:0 0 auto; }
.wapsed-search-input{ flex:1; min-width:0; border:0; outline:0; font-size:1.15rem; font-family:"Inter",sans-serif; color:#1A0040; background:transparent; }
.wapsed-search-close{ background:transparent; border:0; cursor:pointer; color:#5a6b7e; font-size:1.5rem; line-height:1; padding:2px 6px; border-radius:8px; }
.wapsed-search-close:hover{ overflow:visible; background:rgba(26,0,64,.06); color:#1A0040; }
.wapsed-search-hint{ border-top:1px solid rgba(26,0,64,.09); padding:11px 20px; font-size:.82rem; color:#5a6b7e; font-family:"Inter",sans-serif; }
.wapsed-search-hint kbd{background:rgba(26,0,64,.07); border-radius:5px; padding:2px 7px; font-family:inherit; font-size:.76rem; color:#1A0040; }
@media (prefers-reduced-motion:reduce){ .wapsed-search-overlay,.wapsed-search-box{ transition:opacity .01s; } }


/* Gold accent dark text (purple/gold theme) */
.is-style-accent .wp-block-button__link{ color:#1A0040 !important; }
.wapsed-badge{ color:#1A0040 !important; }


/* ===== Mobile menu v2: bbforpeace style (purple bar + chevrons + gold CTA) ===== */
/* hide header Get Involved CTA on mobile (it becomes the menu's bottom button) */
@media (max-width:600px){ .wapsed-header .wp-block-buttons{ display:none !important; } }

.wapsed-header .wp-block-navigation__responsive-container.is-menu-open{ background:#fff !important; }
/* purple top bar with "Menu" title */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open::before{
  content:"Menu"; position:fixed; top:0; left:0; right:0; height:66px; z-index:8;
  display:flex; align-items:center; padding:0 22px;
  background:linear-gradient(100deg,#1A0040 0%,#7C3AED 100%);
  color:#fff; font-family:"Poppins",sans-serif; font-weight:700; font-size:1.3rem; letter-spacing:-.01em;
}
/* round white X on the bar */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
  position:fixed !important; top:15px; right:16px; z-index:9; width:38px; height:38px; border-radius:50% !important;
  background:rgba(255,255,255,.2) !important; color:#fff !important; display:flex; align-items:center; justify-content:center; padding:0;
}
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{ width:20px; height:20px; fill:#fff; }
/* content below bar; flex column so CTA can pin to bottom */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  padding:88px 22px 24px !important; min-height:100dvh; display:flex; flex-direction:column; align-items:stretch;
}
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{ width:100%; }
/* show chevron toggle, right-aligned */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{
  display:flex !important; align-items:center; justify-content:center; margin-left:auto; order:2;
  width:34px; height:34px; min-width:34px; background:transparent; border:0; color:#5A6B82; cursor:pointer; padding:0;
}
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg{ width:15px; height:15px; transition:transform .2s ease; }
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu:has(>.wp-block-navigation-submenu__toggle[aria-expanded="true"]) .wp-block-navigation__submenu-icon svg{ transform:rotate(180deg); }
/* parent row: link + chevron on one line, submenu full-width below */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu{ display:flex; flex-wrap:wrap; align-items:center; }
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation-item__content{ flex:1 1 auto; }
/* collapse submenu by default; expand when toggle is open */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation__submenu-container{ display:none !important; flex-basis:100%; order:3; }
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu:has(>.wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container{ display:block !important; }
/* hide the Get Involved list item (replaced by bottom gold button) */
.wapsed-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li:has(> a[href*="get-involved"]){ display:none !important; }
/* injected gold CTA pinned to bottom */
.wapsed-menu-cta{ display:none; margin-top:auto; padding:16px 20px; border-radius:12px; background:#FCC30B; color:#1A0040 !important; font-family:"Poppins",sans-serif; font-weight:700; font-size:1.05rem; text-align:center; text-decoration:none !important; box-shadow:0 12px 26px rgba(252,195,11,.4); }
.wapsed-menu-cta:hover{ background:#D4A00A; }


/* ===== Header: keep logo + nav on one line (desktop) ===== */
@media (min-width:601px){

.wapsed-header .wp-block-group.is-layout-flex{ flex-wrap:nowrap !important; column-gap:18px !important; }
.wapsed-header .wp-block-navigation__container{ gap:clamp(8px,1vw,16px) !important; flex-wrap:nowrap !important; }
}


/* ===== Mobile menu item alignment fix ===== */
.wapsed-header .is-menu-open .wapsed-menu-cta{ display:block !important; }
.wapsed-header .is-menu-open .wp-block-navigation__container{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; width:100% !important; }
.wapsed-header .is-menu-open .wp-block-navigation__container > li{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; }
.wapsed-header .is-menu-open .wp-block-navigation__container > li > a,
.wapsed-header .is-menu-open .wp-block-navigation__container > li > .wp-block-navigation-item__content{ flex:1 1 auto !important; text-align:left !important; margin:0 !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-icon{ order:2 !important; flex:0 0 34px !important; margin-left:auto !important; }
.wapsed-header .is-menu-open .wp-block-navigation-submenu > .wp-block-navigation__submenu-container{ order:3 !important; flex-basis:100% !important; }


/* ===== Mobile overlay: force submenu items left-aligned (override items-justified-right) ===== */
.wapsed-header .is-menu-open .wp-block-navigation__container,
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container{ justify-content:flex-start !important; align-items:stretch !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container{ padding-left:10px !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li{ display:block !important; width:100% !important; text-align:left !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a{ display:block !important; width:100% !important; text-align:left !important; justify-content:flex-start !important; margin:0 !important; padding:.5rem 0 .5rem .8rem !important; border-left:2px solid rgba(124,58,237,.35) !important; font-family:"Inter",sans-serif !important; font-weight:500 !important; font-size:1rem !important; color:#5a6b7e !important; }


/* ===== Mobile submenu: rich cards v2 (block layout, absolute icon - collapse-safe) ===== */
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container{
  width:100% !important; flex-basis:100% !important; order:3 !important; box-sizing:border-box !important;
  margin:2px 0 12px !important; padding:6px !important;
  background:rgba(124,58,237,.05) !important; border:1px solid rgba(124,58,237,.14) !important; border-radius:14px !important; box-shadow:none !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li{ width:100% !important; box-sizing:border-box !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a{
  display:block !important; position:relative !important; width:100% !important; box-sizing:border-box !important;
  min-height:44px; padding:9px 12px 9px 58px !important; border:0 !important; border-radius:11px !important; margin:0 !important;
  text-align:left !important; text-decoration:none !important; background:transparent !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a:hover,
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a:focus{ background:rgba(124,58,237,.1) !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a .wp-block-navigation-item__label{
  display:block !important; font-family:"Poppins",sans-serif !important; font-weight:600 !important; font-size:.95rem !important; color:#1A0040 !important; line-height:1.25 !important; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a::before{
  content:"" !important; position:absolute !important; left:10px; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:11px; background-color:rgba(124,58,237,.12);
  background-repeat:no-repeat; background-position:center; background-size:22px 22px; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container li > a::after{
  display:block !important; position:static !important; font-family:"Inter",sans-serif !important; font-weight:400 !important; font-size:.78rem !important;
  color:#5a6b7e !important; line-height:1.3 !important; margin-top:2px; border:0 !important; }
/* per-item icons */
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="our-story"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 015.5 4H19v13H5.5A1.5 1.5 0 004 18.5z'/%3E%3Cpath d='M9 4v13'/%3E%3C/svg%3E"); }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="our-objectives"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E"); }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="/events/"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="photo-gallery"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M4 18l5-5 4 4 3-3 4 4'/%3E%3C/svg%3E"); }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="/videos/"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5l6 3.5-6 3.5z'/%3E%3C/svg%3E"); }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="/reports/"]::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a1 1 0 01-1 1H7a1 1 0 01-1-1V4.5a1 1 0 011-1z'/%3E%3Cpath d='M14 3.5V8h4M9 12.5h6M9 16h6'/%3E%3C/svg%3E"); }
/* per-item descriptions */
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="our-story"]::after{ content:"How WAPSeD began and where we're headed"; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="our-objectives"]::after{ content:"The goals that guide our work"; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="/events/"]::after{ content:"Dialogues, convenings and gatherings"; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="photo-gallery"]::after{ content:"Photos from our activities"; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="/videos/"]::after{ content:"Recorded dialogues and highlights"; }
.wapsed-header .is-menu-open .wp-block-navigation__submenu-container a[href*="/reports/"]::after{ content:"Publications and policy reports"; }


/* ===== Mobile menu: Get Involved full-width button ===== */
.wapsed-header .is-menu-open .wapsed-menu-cta{ width:100% !important; box-sizing:border-box !important; text-align:center !important; padding:16px 20px !important; }


/* ===== Language-proof header: collapse to hamburger <=1024.98px (French/longer labels never overflow) ===== */
@media (max-width:1024.98px){
  .wapsed-header .wp-block-navigation__responsive-container-open:not(.always-shown){ display:flex !important; }
  .wapsed-header .wp-block-navigation__responsive-container:not(.is-menu-open){ display:none !important; }
  .wapsed-header .wp-block-navigation__responsive-container.is-menu-open{ display:flex !important; }
}


/* ===== FRENCH / bilingual polish (GTranslate) ===== */
/* wapsed.js adds html.wapsed-fr from the googtrans cookie; Google adds .translated-ltr live on switch */

/* 1) Nav labels + CTA never wrap (both languages) */
.wapsed-header .wp-block-navigation-item__label{ white-space:nowrap !important; }
.wapsed-header .wp-block-button__link,
.wapsed-header .wp-element-button{ white-space:nowrap !important; }

/* 2) French labels are ~40% wider -> collapse to hamburger below 1280px in French only
      (English keeps the full nav down to the 1024px rule above) */
@media (min-width:1025px) and (max-width:1279.98px){
  html.wapsed-fr .wapsed-header .wp-block-navigation__responsive-container-open:not(.always-shown),
  html.translated-ltr .wapsed-header .wp-block-navigation__responsive-container-open:not(.always-shown){ display:flex !important; }
  html.wapsed-fr .wapsed-header .wp-block-navigation__responsive-container:not(.is-menu-open),
  html.translated-ltr .wapsed-header .wp-block-navigation__responsive-container:not(.is-menu-open){ display:none !important; }
  html.wapsed-fr .wapsed-header .wp-block-navigation__responsive-container.is-menu-open,
  html.translated-ltr .wapsed-header .wp-block-navigation__responsive-container.is-menu-open{ display:flex !important; }
}

/* 3) A little breathing room for French when the full nav shows (>=1280) */
html.wapsed-fr .wapsed-header .wp-block-navigation__container,
html.translated-ltr .wapsed-header .wp-block-navigation__container{ gap:8px !important; }

/* 4) Hero: GTranslate drops the trailing space after "We" -> restore it in French */
html.wapsed-fr .wapsed-typeline .wapsed-type,
html.translated-ltr .wapsed-typeline .wapsed-type{ margin-left:.3em; }

/* 5) French menu-card descriptions (CSS ::after content can't be auto-translated) */
html.wapsed-fr .wapsed-header .wp-block-navigation__submenu-container a[href*="our-story"]::after,
html.translated-ltr .wapsed-header .wp-block-navigation__submenu-container a[href*="our-story"]::after{ content:"Comment WAPSeD a vu le jour et notre cap" !important; }
html.wapsed-fr .wapsed-header .wp-block-navigation__submenu-container a[href*="our-objectives"]::after,
html.translated-ltr .wapsed-header .wp-block-navigation__submenu-container a[href*="our-objectives"]::after{ content:"Les objectifs qui guident notre travail" !important; }
html.wapsed-fr .wapsed-header .wp-block-navigation__submenu-container a[href*="/events/"]::after,
html.translated-ltr .wapsed-header .wp-block-navigation__submenu-container a[href*="/events/"]::after{ content:"Dialogues, rencontres et rassemblements" !important; }
html.wapsed-fr .wapsed-header .wp-block-navigation__submenu-container a[href*="photo-gallery"]::after,
html.translated-ltr .wapsed-header .wp-block-navigation__submenu-container a[href*="photo-gallery"]::after{ content:"Photos de nos activites" !important; }
html.wapsed-fr .wapsed-header .wp-block-navigation__submenu-container a[href*="/videos/"]::after,
html.translated-ltr .wapsed-header .wp-block-navigation__submenu-container a[href*="/videos/"]::after{ content:"Dialogues enregistres et temps forts" !important; }
html.wapsed-fr .wapsed-header .wp-block-navigation__submenu-container a[href*="/reports/"]::after,
html.translated-ltr .wapsed-header .wp-block-navigation__submenu-container a[href*="/reports/"]::after{ content:"Publications et rapports d\2019 orientation" !important; }

/* 6) Hide Google's engine gadget + banner + hover tooltip (GTranslate float switcher stays) */
#google_translate_element2,
.goog-te-gadget, .goog-te-gadget-icon,
.goog-te-banner-frame, iframe.goog-te-banner-frame.skiptranslate,
#goog-gt-tt, .goog-te-balloon-frame{ display:none !important; }
.goog-text-highlight{ background:none !important; box-shadow:none !important; }
body{ top:0 !important; }