/* CPFQ fixes applied on top of the exported Webflow stylesheet (applied by cleanup.mjs). */

/* Webflow staging badge — also disabled via the data-wf-domain rewrite; belt & braces. */
.w-webflow-badge { display: none !important; }

/* Rewired forms use this instead of .w-form (detaches Webflow's form runtime). */
.cpfq-form { margin: 0 0 15px; }

/* Desktop navbar overflows the viewport between 992px and ~1300px: the menu grid
   column refuses to shrink below its content and the Donate button carries a
   101px right margin. Let the column shrink and compress the links a little. */
@media screen and (min-width: 992px) and (max-width: 1300px) {
  .navbar-2 .navbar-wrapper { width: 96%; grid-template-columns: auto minmax(0, 1fr) auto auto; }
  .navbar-2 .primary-button-5 { margin-right: 0; }
  .navbar-2 .nav-menu-2 { font-size: 14px; }
  .navbar-2 .nav-menu-2 a { padding-left: 10px; padding-right: 10px; }
  /* toggles keep right padding: the dropdown arrow is absolutely positioned there */
  .navbar-2 .nav-menu-2 .w-dropdown-toggle { padding-left: 10px; padding-right: 38px; }
}

/* Testimonial slider (home) on phones: the arrows/dots used to sit on the
   section's bottom edge where the FundraiseUp donate bar (fixed ~94px iframe
   strip) swallowed taps — and slide 2's text reaches the very bottom, so they
   can't just be lifted. Reserve a dedicated strip below all slide text and put
   the controls there; cleanup.mjs also re-enables touch swipe as a fallback. */
@media screen and (max-width: 767px) {
  /* arrows + dots share a dedicated strip at the end of the section, below the
     longest slide's text (dots center, arrows bottom-right like the original
     design). Swipe stays enabled as the fallback when the fixed FundraiseUp
     donate bar happens to float over the strip. */
  .testimonial-slider { padding-bottom: 80px; }
  .testimonial-slider .w-slider-nav { top: auto; bottom: 20px; }
  .testimonial-slider .w-slider-arrow-left,
  .testimonial-slider .w-slider-arrow-right {
    top: auto; bottom: 16px; transform: none;
    width: 48px; height: 48px;
  }
  .testimonial-slider .w-slider-arrow-left { left: auto; right: 80px; }
  .testimonial-slider .w-slider-arrow-right { right: 20px; left: auto; }
  /* Webflow's entrance animation leaves inline transform + preserve-3d here;
     both create a stacking context that lets the next section (pulled up by
     margin-top:-100px) paint over the controls and steal their taps.
     !important beats the inline style; the opacity fade-in still runs. */
  .testimonial-container { transform: none !important; transform-style: flat !important; }
}

/* Language switcher sits flush against the screen edge on phones. */
@media screen and (max-width: 767px) {
  .navbar-phone .div-block-33 { padding-left: 10px; }
}

/* "Our partners on the ground" is one desktop-sized graphic; at phone width its
   labels shrink to unreadable. Keep it full size and let it scroll sideways. */
@media screen and (max-width: 599px) {
  /* min-width:0 lets this flex item shrink to its parent so it becomes the scrollport */
  .div-block-15 { min-width: 0; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .div-block-15 .image-25 { min-width: 640px; }
}