/**
 * Snippet Name: RK: CSF 04 - Gravity Forms
 * Generated: 2026-11-01 07:46:07
 * Source: Custom
 * AUTO-GENERATED FILE — DO NOT EDIT.
 */

/* ==============================================================
  CSF — Gravity Forms
  Donation form 7 inside the donate card (fields, pills, accordion headers,
  totals, nav buttons, validation, payment notes, Crowded iframe) + contact form.
============================================================== */

body.category-csf .gform_wrapper fieldset > strong,
body.category-csf .gform_wrapper fieldset > strong > strong,
body.category-csf .gform_wrapper .gfield > strong,
body.category-csf .gform_wrapper .gfield > strong > strong {
  font-weight: inherit !important;
  display: contents !important;
}

body.category-csf .csfpostdonate .gform_wrapper {
  width: 100% !important;
  border-radius: var(--rk-radius) !important;
  animation: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper::before,
body.category-csf .csfpostdonate .gform_wrapper::after {
  content: none !important;
}

/* ===== Swiper sizing — minimal intervention =====
   The donate form uses Swiper (via gp-page-transitions) for its 2-page
   navigation. Swiper sets each slide's inline `width: 745px` because
   that's what it measured at init, before our CSS narrowed the sidebar.
   It also sets the `.swiper-wrapper` inline width to 745px for the
   same reason.
   We override BOTH widths to fit the sidebar. We do NOT touch
   display/flex/transform — those are how Swiper slides between pages. */

body.category-csf .csfpostdonate .swiper-wrapper,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

body.category-csf .csfpostdonate .swiper-slide,
body.category-csf .csfpostdonate .gform_page.swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* ===== Fix Swiper's stale translate cache =====
   Swiper measures slide widths at init. If our CSS shrinks slides
   AFTER init, Swiper's internal translate cache is stale: it still
   thinks slides are 745px wide and translates by -765px (745 + 20
   spaceBetween) when navigating to page 2. That overshoots and
   pushes page 2's content offscreen left.
   To force Swiper to use the correct translate distance, we override
   the wrapper's transform based on which slide is active. Swiper sets
   the active state via the `.swiper-slide-active` class on whichever
   page is currently visible. */

body.category-csf .csfpostdonate .swiper-wrapper:has(> .gform_page:nth-child(1).swiper-slide-active) {
  transform: translate3d(0px, 0, 0) !important;
}

/* Page 2 active: translate by exactly the wrapper width (no spaceBetween,
   since we set margin-right: 0 on slides) */

body.category-csf .csfpostdonate .swiper-wrapper:has(> .gform_page:nth-child(2).swiper-slide-active) {
  transform: translate3d(-100%, 0, 0) !important;
}

/* ===== KILL THE GLOBAL .swiper SHADOW + DARK OVERLAY =====
   Another stylesheet on this site (1543.css, intended for an image
   carousel elsewhere) ships UNSCOPED rules:
       .swiper { box-shadow: 0 20px 60px rgba(0,0,0,.55), ...; }
       .swiper::before { background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.55)); }
   Those match the donate form's swiper and render as a dark grey halo
   bleeding past the sidebar. Override the shadow + the dark overlay,
   but do NOT touch Swiper's overflow (Swiper needs overflow:hidden on
   .swiper itself to clip the offscreen slide during page transitions). */

body.category-csf .csfpostdonate .swiper,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper {
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.category-csf .csfpostdonate .swiper::before,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper::before,
body.category-csf .csfpostdonate .swiper::after,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Note: 1543.css applies `.swiper * { position: relative; z-index: 3 }`
   globally. We don't fight that — `position: relative` on slides is
   actually what Swiper expects, and the z-index doesn't break anything
   inside the form.
Defensive: keep every field, fieldset, and grid row inside the sidebar
   constrained to the column width. Gravity Forms' `gfield--width-full`
   normally is 100% of the form, but if Swiper's 745px slide is still
   leaking through somehow, this catches the overflow at the field level. */

body.category-csf .csfpostdonate .gform_page,
body.category-csf .csfpostdonate .gform_page_fields,
body.category-csf .csfpostdonate .gform_fields,
body.category-csf .csfpostdonate .gfield,
body.category-csf .csfpostdonate fieldset.gfield,
body.category-csf .csfpostdonate .donation-info,
body.category-csf .csfpostdonate .your-info,
body.category-csf .csfpostdonate .gform-grid-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.category-csf .csfpostdonate .gfield--width-full {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gform_fields,
body.category-csf .csfpostdonate .gform_wrapper .donation-info,
body.category-csf .csfpostdonate .gform_wrapper .your-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  grid-template-columns: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.category-csf .gform_wrapper .gform_heading {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  border: none !important;
}

body.category-csf .gform_wrapper .gform_required_legend {
  display: none !important;
}

body.category-csf .gform_wrapper .gform_description {
  font-size: 0.9rem !important;
  color: var(--rk-muted) !important;
  margin: 0 !important;
}

body.category-csf .gform_wrapper .gform_description:empty {
  display: none !important;
}

body.category-csf .gform_wrapper .gfield {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.category-csf .gform_wrapper .admin-hidden-markup,
body.category-csf .gform_wrapper .gfield_visibility_hidden {
  display: none !important;
}

body.category-csf .gform_wrapper .gsection {
  border: none !important;
  margin: 8px 0 0 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid var(--rk-line) !important;
}

body.category-csf .gform_wrapper .gsection_title {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--rk-text) !important;
  text-align: left !important;
  margin: 0 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.category-csf .gform_wrapper .gsection_description {
  font-size: 0.8rem !important;
  color: var(--rk-muted) !important;
  text-align: left !important;
  margin-top: 4px !important;
}

body.category-csf .gform_wrapper .gfield_label {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--rk-text-soft) !important;
  margin: 0 0 6px 0 !important;
  display: block !important;
  text-align: left !important;
}

body.category-csf .gform_wrapper legend.gfield_label {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}

body.category-csf .gform_wrapper .hidden_label > .gfield_label,
body.category-csf .gform_wrapper .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.category-csf .gform_wrapper .gfield_required {
  color: var(--rk-accent) !important;
  margin-left: 2px !important;
}

body.category-csf .gform_wrapper .gfield_description {
  color: var(--rk-muted) !important;
  font-size: 0.8rem !important;
  text-align: left !important;
  margin: 4px 0 0 0 !important;
}

body.category-csf .gform_wrapper input[type="text"],
body.category-csf .gform_wrapper input[type="email"],
body.category-csf .gform_wrapper input[type="tel"],
body.category-csf .gform_wrapper input[type="number"],
body.category-csf .gform_wrapper input[type="url"],
body.category-csf .gform_wrapper input[type="password"],
body.category-csf .gform_wrapper input.large,
body.category-csf .gform_wrapper input.medium,
body.category-csf .gform_wrapper input.small,
body.category-csf .gform_wrapper textarea {
  width: 100% !important;
  height: var(--rk-control-h) !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--rk-text) !important;
  line-height: 1.4 !important;
  box-shadow: var(--rk-shadow-sm) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  outline: none !important;
}

body.category-csf .gform_wrapper textarea {
  height: auto !important;
  min-height: 120px !important;
  border-radius: var(--rk-radius) !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}

body.category-csf .gform_wrapper input:hover,
body.category-csf .gform_wrapper textarea:hover {
  border-color: #d1d5db !important;
}

body.category-csf .gform_wrapper input:focus,
body.category-csf .gform_wrapper textarea:focus {
  border-color: var(--rk-accent) !important;
  box-shadow: 0 0 0 3px var(--rk-accent-glow) !important;
}

body.category-csf .gform_wrapper input::placeholder,
body.category-csf .gform_wrapper textarea::placeholder {
  color: var(--rk-subtle) !important;
  opacity: 1 !important;
}

body.category-csf .gform_wrapper select {
  width: 100% !important;
  height: var(--rk-control-h) !important;
  padding: 0 42px 0 14px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  color: var(--rk-text) !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
}

body.category-csf .gform_wrapper select:focus {
  border-color: var(--rk-accent) !important;
  box-shadow: 0 0 0 3px var(--rk-accent-glow) !important;
}

body.category-csf .gform_wrapper select::-ms-expand {
  display: none !important;
}

body.category-csf .gform_wrapper .gfield_radio input[type="radio"],
body.category-csf .gform_wrapper .gfield_checkbox input[type="checkbox"],
body.category-csf .gform_wrapper .ginput_container_consent input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  pointer-events: none !important;
}

/* Default: 2-column grid for radios. The sidebar variant overrides
   to single-column via more specific rule below. */

body.category-csf .gform_wrapper .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}

body.category-csf .gform_wrapper .gfield_checkbox {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.category-csf .gform_wrapper .gfield_radio .gchoice,
body.category-csf .gform_wrapper .gfield_checkbox .gchoice {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

body.category-csf .gform_wrapper .gfield_radio .gchoice label,
body.category-csf .gform_wrapper .gfield_checkbox .gchoice label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--rk-text) !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  user-select: none !important;
  line-height: 1.3 !important;
}

body.category-csf .gform_wrapper .gfield_radio .gchoice label:hover,
body.category-csf .gform_wrapper .gfield_checkbox .gchoice label:hover {
  border-color: var(--rk-accent) !important;
  background: var(--rk-accent-soft) !important;
}

body.category-csf .gform_wrapper .gfield_radio input[type="radio"]:checked + label,
body.category-csf .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label {
  background: var(--rk-accent) !important;
  border-color: var(--rk-accent) !important;
  color: #fff !important;
}

body.category-csf .gform_wrapper .gfield_radio input[type="radio"]:checked + label::before,
body.category-csf .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
  content: "" !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e73be' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 11px 11px !important;
  border-radius: 50% !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gfield_radio {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

body.category-csf .gform_wrapper .ginput_complex {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}

body.category-csf .gform_wrapper .ginput_complex .ginput_full,
body.category-csf .gform_wrapper .ginput_complex .address_line_1,
body.category-csf .gform_wrapper .ginput_complex .address_line_2 {
  grid-column: span 2 !important;
}

body.category-csf .gform_wrapper .ginput_complex .gform-grid-col {
  min-width: 0 !important;
}

body.category-csf .gform_wrapper .ginput_complex input,
body.category-csf .gform_wrapper .ginput_complex select {
  width: 100% !important;
}

body.category-csf .gform_wrapper .ginput_complex .gform-field-label--type-sub {
  display: none !important;
}

body.category-csf .gform_wrapper .gf_clear,
body.category-csf .gform_wrapper .gf_clear_complex {
  display: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper .ginput_complex {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.category-csf .csfpostdonate .gform_wrapper .ginput_complex .gform-grid-col,
body.category-csf .csfpostdonate .gform_wrapper .ginput_complex > span,
body.category-csf .csfpostdonate .gform_wrapper .ginput_complex > div {
  width: 100% !important;
  flex: 1 1 100% !important;
  grid-column: span 1 !important;
}

/* 10. PHONE (intl-tel-input)
   We do NOT style iti elements. The plugin ships its own complete
   CSS that handles flag positioning, dropdown visibility, and
   selected-country display. Any overrides here have repeatedly
   broken the basic functionality.
   ONE exception: the gp-advanced-phone-field version of iti's CSS
   omits the standard `.iti { position: relative; display: inline-block }`
   rule that the upstream package ships. Without it, the absolutely-
   positioned country-container has no positioning context and floats
   above the input instead of overlaying its left edge. So we add it
   back, scoped to our forms only — this is the SINGLE iti rule we set. */

body.category-csf .gform_wrapper .ginput_container_phone {
  width: 100% !important;
}

body.category-csf .gform_wrapper .iti {
  position: relative !important;
  display: block !important;
}

/* Force-hide the iti accessibility text. iti's stylesheet hides this
   span (which contains "Israel +972" etc.) using the standard sr-only
   pattern: position:absolute + 1px size + clip rect. But 1543.css's
   global `.swiper * { position: relative !important }` forcibly converts
   it to position:relative — and `clip` only works on absolutely
   positioned elements, so the text becomes visible (the "el", "7"
   fragments leaking between fields).
   Restore position:absolute with stronger specificity than .swiper *. */

body.category-csf .csfpostdonate .iti__a11y-text,
body.category-csf .gform_wrapper .iti__a11y-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Also force-hide the dropdown LIST when iti__hide is present, in case
   1543.css's position:relative override breaks its hiding too. */

body.category-csf .csfpostdonate .iti__dropdown-content.iti__hide,
body.category-csf .gform_wrapper .iti__dropdown-content.iti__hide {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -99999px !important;
  pointer-events: none !important;
}

body.category-csf .gform_wrapper .ginput_container_date,
body.category-csf .gform_wrapper .clear-multi {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: stretch !important;
}

body.category-csf .gform_wrapper .ginput_container_date > div,
body.category-csf .gform_wrapper .ginput_container_date > span {
  flex: 1 !important;
  min-width: 0 !important;
}

body.category-csf .gform_wrapper .ginput_container_date input,
body.category-csf .gform_wrapper .ginput_container_date select {
  width: 100% !important;
}

body.category-csf .gform_wrapper .ginput_container_date label {
  display: block !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: var(--rk-muted) !important;
  margin-top: 4px !important;
  text-align: center !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

body.category-csf .gform_wrapper .ginput_container_creditcard {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

body.category-csf .gform_wrapper .ginput_container_creditcard .ginput_full,
body.category-csf .gform_wrapper .ginput_container_creditcard input {
  width: 100% !important;
}

body.category-csf .gform_wrapper .gform_card_icon_container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
  min-height: 28px !important;
  align-items: center !important;
}

body.category-csf .gform_wrapper .gform_card_icon {
  display: inline-block !important;
  width: 34px !important;
  height: 22px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

body.category-csf .gform_wrapper .gform_card_icon_container .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
}

body.category-csf .gform_wrapper .ginput_cardextras {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: 10px !important;
  align-items: start !important;
}

body.category-csf .gform_wrapper .ginput_cardinfo_left {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.category-csf .gform_wrapper .ginput_card_expiration_container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.category-csf .gform_wrapper .ginput_card_expiration_month_container,
body.category-csf .gform_wrapper .ginput_card_expiration_year_container {
  min-width: 0 !important;
}

body.category-csf .gform_wrapper .ginput_cardinfo_right {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

body.category-csf .gform_wrapper .ginput_card_security_code {
  width: 100% !important;
}

body.category-csf .gform_wrapper .ginput_card_security_code_icon {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 14px !important;
  background: #d1d5db !important;
  border-radius: 3px !important;
  pointer-events: none !important;
  opacity: .7 !important;
}

body.category-csf .gform_wrapper .ginput_container_ach {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

body.category-csf .gform_wrapper .ginput_container_ach .ginput_full {
  grid-column: span 2 !important;
}

body.category-csf .gform_wrapper .ginput_container_ach input,
body.category-csf .gform_wrapper .ginput_container_ach select {
  width: 100% !important;
}

body.category-csf .gform_wrapper .ginput_container_product_price input.ginput_amount,
body.category-csf .gform_wrapper input.ginput_amount {
  width: 100% !important;
  height: var(--rk-control-h) !important;
  text-align: center !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--rk-text) !important;
}

body.category-csf .gform_wrapper .ginput_container_product_calculation {
  text-align: center !important;
}

body.category-csf .gform_wrapper .ginput_product_price_wrapper {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 14px 20px !important;
  margin: 6px auto 0 !important;
  max-width: 100% !important;
  background: var(--rk-accent-soft) !important;
  border: 1px solid rgba(30,115,190,.25) !important;
  border-radius: var(--rk-radius) !important;
  text-align: center !important;
}

body.category-csf .gform_wrapper .ginput_product_price_label {
  display: none !important;
}

body.category-csf .gform_wrapper .ginput_product_price {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: var(--rk-accent-dark) !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: inline-block !important;
  line-height: 1 !important;
}

body.category-csf .gform_wrapper .gfield_html {
  text-align: left !important;
}

body.category-csf .gform_wrapper .gfield_html p {
  margin: 0 !important;
  color: var(--rk-text-soft) !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
}

body.category-csf .gform_wrapper .gfield_html strong {
  color: var(--rk-text) !important;
}

body.category-csf .gform_wrapper .gfield_html:has(> br:only-child) {
  display: none !important;
}

body.category-csf .gform_wrapper .anonymousbox p {
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  color: var(--rk-text-soft) !important;
  padding: 10px 12px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-sm) !important;
}

body.category-csf .gform_wrapper .ginput_recaptcha {
  display: flex !important;
  justify-content: center !important;
  margin: 8px 0 !important;
}

body.category-csf .gform_wrapper .gfield--type-captcha .gfield_label {
  display: none !important;
}

body.category-csf .gform_wrapper .gform_footer,
body.category-csf .gform_wrapper .gform-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 16px 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  text-align: center !important;
  grid-column: 1 / -1 !important;
  float: none !important;
  clear: both !important;
}

body.category-csf .gform_wrapper input[type="submit"],
body.category-csf .gform_wrapper .gform_button,
body.category-csf .gform_wrapper button.gform_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px 24px !important;
  background: var(--rk-accent) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border: none !important;
  border-radius: var(--rk-radius-full) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px var(--rk-accent-glow) !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
  animation: none !important;
}

body.category-csf .gform_wrapper input[type="submit"]:hover,
body.category-csf .gform_wrapper .gform_button:hover {
  background: var(--rk-accent-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px var(--rk-accent-glow) !important;
}

body.category-csf .gform_wrapper input[type="submit"]:active {
  transform: translateY(0) !important;
}

/* ===== MULTI-PAGE NAVIGATION BUTTONS =====
   The donate form is a Gravity Forms multi-page form. The page nav
   uses .gform_next_button (page 1 → 2) and .gform_previous_button
   (page 2 → 1) inside .gform-page-footer. By default these inherit
   the GeneratePress button color (#55555e dark grey). Override to
   match our brand pill style.
   Layout: stack vertically. Submit button ("Donate $X.XX") on top
   as the primary CTA, secondary buttons (← Donation Info, Your Info →)
   below. This avoids horizontal cramping in the narrow sidebar. */

body.category-csf .gform_wrapper .gform-page-footer,
body.category-csf .gform_wrapper .gform_page_footer {
  display: flex !important;
  flex-direction: column-reverse !important; /* submit visually on top */
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 16px 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  text-align: center !important;
  float: none !important;
  clear: both !important;
}

/* When only one button exists in the footer (e.g. page 1 has only "Next"),
   center it. */

body.category-csf .gform_wrapper .gform-page-footer:has(> input:only-of-type),
body.category-csf .gform_wrapper .gform_page_footer:has(> input:only-of-type) {
  justify-content: center !important;
}

body.category-csf .gform_wrapper .gform_next_button,
body.category-csf .gform_wrapper .gform_previous_button,
body.category-csf .gform_wrapper input.gform_next_button,
body.category-csf .gform_wrapper input.gform_previous_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border: none !important;
  border-radius: var(--rk-radius-full) !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
  animation: none !important;
  line-height: 1.2 !important;
}

body.category-csf .gform_wrapper .gform_next_button,
body.category-csf .gform_wrapper input.gform_next_button {
  background: var(--rk-accent) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px var(--rk-accent-glow) !important;
}

body.category-csf .gform_wrapper .gform_next_button:hover,
body.category-csf .gform_wrapper input.gform_next_button:hover {
  background: var(--rk-accent-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px var(--rk-accent-glow) !important;
}

body.category-csf .gform_wrapper .gform_previous_button,
body.category-csf .gform_wrapper input.gform_previous_button {
  background: #fff !important;
  color: var(--rk-text) !important;
  border: 1.5px solid var(--rk-line) !important;
  box-shadow: var(--rk-shadow-sm) !important;
  width: 100% !important;
}

body.category-csf .gform_wrapper .gform_previous_button:hover,
body.category-csf .gform_wrapper input.gform_previous_button:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent) !important;
  transform: translateY(-1px) !important;
}

/* Submit button ("Donate $X.XX") inside the form footer. The actual
   submit lives in `.gform_footer` (NOT .gform_page_footer — that's for
   page nav buttons). We stack the layout: submit button full-width on
   top, page nav (← Donation Info) on bottom. */

body.category-csf .gform_wrapper .gform_footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.category-csf .gform_wrapper .gform_footer .gform_button,
body.category-csf .gform_wrapper .gform_footer input[type="submit"],
body.category-csf .gform_wrapper .gform-page-footer .gform_button,
body.category-csf .gform_wrapper .gform_page_footer .gform_button,
body.category-csf .gform_wrapper .gform-page-footer input[type="submit"],
body.category-csf .gform_wrapper .gform_page_footer input[type="submit"] {
  width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 14px 18px !important;
  white-space: normal !important; /* allow long button text to wrap */
}

body.category-csf .gform_wrapper .validation_message,
body.category-csf .gform_wrapper .gfield_validation_message {
  font-size: 0.82rem !important;
  color: #b91c1c !important;
  margin-top: 6px !important;
  padding: 6px 10px !important;
  background: var(--rk-danger-soft) !important;
  border-radius: var(--rk-radius-sm) !important;
  text-align: left !important;
}

body.category-csf .gform_wrapper .gfield_error input,
body.category-csf .gform_wrapper .gfield_error textarea,
body.category-csf .gform_wrapper .gfield_error select {
  border-color: var(--rk-danger) !important;
}

body.category-csf .gform_wrapper .gform_validation_errors {
  padding: 12px 14px !important;
  margin: 0 0 12px 0 !important;
  background: var(--rk-danger-soft) !important;
  border: 1px solid var(--rk-danger) !important;
  border-radius: var(--rk-radius) !important;
  color: #991b1b !important;
  font-size: 0.9rem !important;
  text-align: left !important;
}

body.category-csf .csfpostcontact {
  width: 100% !important;
  max-width: 100% !important;
  margin: 32px 0 0 0 !important;
  padding: 32px 0 0 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  animation: none !important;
  clear: both !important;
}

body.category-csf .csfpostcontact .csfpostsubtitle {
  text-align: left !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--rk-text) !important;
  margin: 0 0 16px 0 !important;
  text-shadow: none !important;
}

body.category-csf .csfpostcontact .gform_wrapper {
  width: 100% !important;
  max-width: 100% !important; /* fill the left column */
  margin: 0 !important;
  padding: 24px !important;
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-lg) !important;
  box-shadow: var(--rk-shadow) !important;
  animation: none !important;
}

body.category-csf .csfpostcontact .gform_wrapper::before,
body.category-csf .csfpostcontact .gform_wrapper::after {
  content: none !important;
}

body.category-csf .csfpostcontact .gform_wrapper .gform_fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  grid-template-columns: none !important;
}

body.category-csf .gform_wrapper .gform_footer[style*="display: none"],
body.category-csf .gform_wrapper .gform-footer[style*="display: none"],
body.category-csf .gform_wrapper .gfield[style*="display: none"],
body.category-csf .gform_wrapper input[type="submit"][style*="display: none"],
body.category-csf .gform_wrapper .gform_button[style*="display: none"] {
  display: none !important;
}

@media (max-width: 879px) {
  body.category-csf .csfpostcontact .gform_wrapper {
    padding: 20px !important;
  }
}

@media (max-width: 600px) {
  body.category-csf .gform_wrapper .ginput_complex,
  body.category-csf .gform_wrapper .ginput_cardextras,
  body.category-csf .gform_wrapper .ginput_container_ach {
    grid-template-columns: 1fr !important;
  }
  body.category-csf .gform_wrapper .ginput_container_ach .ginput_full {
    grid-column: span 1 !important;
  }
}

@media (max-width: 480px) {
  body.category-csf .gform_wrapper .gfield_radio {
    grid-template-columns: 1fr !important;
  }
  body.category-csf .gform_wrapper input[type="submit"],
  body.category-csf .gform_wrapper .gform_button {
    width: 100% !important;
    padding: 13px 18px !important;
  }
}

/* FIX 1: Breathing room between adjacent checkbox fieldsets
   (credit card fee / anonymous / etc.) */

body.category-csf .csfpostdonate fieldset.gfield--type-checkbox {
  margin: 6px 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Ensure consecutive checkbox fieldsets always have a clear gap,
   regardless of what .gform_fields gap resolves to. */

body.category-csf .csfpostdonate fieldset.gfield--type-checkbox + fieldset.gfield--type-checkbox,
body.category-csf .csfpostdonate fieldset.gfield--type-checkbox + .gfield {
  margin-top: 14px !important;
}

/* Also give a little internal breathing inside each fieldset's
   choice container so the pill doesn't touch the fieldset edge. */

body.category-csf .csfpostdonate .gfield--type-checkbox .ginput_container_checkbox {
  padding: 2px 0 !important;
}

/* FIX 2: Right-edge border bleed on radio/checkbox pills
   Caused by the swiper slide's width being marginally wider
   than its inner content, exposing the pill's right border. */

body.category-csf .csfpostdonate .gfield_radio,
body.category-csf .csfpostdonate .gfield_checkbox {
  padding-right: 2px !important; /* breathing room from slide edge */
  padding-left: 2px !important;
  box-sizing: border-box !important;
}

/* Make sure the pill labels themselves don't overflow their
   container — explicit min-width:0 prevents flex children from
   pushing past the parent. */

body.category-csf .csfpostdonate .gfield_radio .gchoice label,
body.category-csf .csfpostdonate .gfield_checkbox .gchoice label {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Defensive: clip any sub-pixel overflow at the slide level so
   stray 1-2px borders never bleed past the sidebar. Swiper needs
   overflow:hidden on .swiper itself (already set), but slides
   sometimes leak. */

body.category-csf .csfpostdonate .gform_page,
body.category-csf .csfpostdonate .swiper-slide {
  overflow-x: clip !important; /* clip is better than hidden — doesn't create scroll context */
}

body.category-csf .csfpostdonate .donation-amount .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  flex-direction: unset !important;
  gap: 8px !important;
}

body.category-csf .csfpostdonate .gfield--type-checkbox .gchoice label {
  font-size: 0.78rem !important;
  padding: 8px 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.category-csf .csfpostdonate .gfield--type-checkbox .gfield_description {
  text-align: center !important;
}

body.category-csf .csfpostdonate .your-donation .gsection_title {
  text-align: center !important;
}

/* SWIPER WIDTH OVERRIDE — maximum specificity
   Wins against any other stylesheet's .swiper-slide width rule
   by chaining the class three times. Only loses to inline !important. */

body.category-csf .csfpostdonate .swiper-wrapper.swiper-wrapper.swiper-wrapper,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper.swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
}

body.category-csf .csfpostdonate .swiper-slide.swiper-slide.swiper-slide,
body.category-csf .csfpostdonate .gform_page.swiper-slide.swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

/* Per-page translate, now extended to all 4 pages.
   Triple-chained for specificity. */

body.category-csf .csfpostdonate .swiper-wrapper.swiper-wrapper.swiper-wrapper:has(> .gform_page:nth-child(1).swiper-slide-active) {
  transform: translate3d(0, 0, 0) !important;
}

body.category-csf .csfpostdonate .swiper-wrapper.swiper-wrapper.swiper-wrapper:has(> .gform_page:nth-child(2).swiper-slide-active) {
  transform: translate3d(-100%, 0, 0) !important;
}

body.category-csf .csfpostdonate .swiper-wrapper.swiper-wrapper.swiper-wrapper:has(> .gform_page:nth-child(3).swiper-slide-active) {
  transform: translate3d(-200%, 0, 0) !important;
}

body.category-csf .csfpostdonate .swiper-wrapper.swiper-wrapper.swiper-wrapper:has(> .gform_page:nth-child(4).swiper-slide-active) {
  transform: translate3d(-300%, 0, 0) !important;
}

body.category-csf .csfpostdonate > .gf-cache-buster-form-container,
body.category-csf .csfpostdonate > [id^="gform_wrapper_"],
body.category-csf .csfpostdonate > form {
  order: 3 !important;
}

body.category-csf .csfpostdonate .gform_wrapper {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gform_heading,
body.category-csf .csfpostdonate .gform_wrapper > .gform_heading {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gform_fields {
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.category-csf .csfpostdonate .donation-method,
body.category-csf .csfpostdonate .donation-amount,
body.category-csf .csfpostdonate .dedicate-donation,
body.category-csf .csfpostdonate .your-info,
body.category-csf .csfpostdonate .your-donation,
body.category-csf .csfpostdonate .your-address {
  display: contents !important;
}

body.category-csf .csfpostdonate .gform_page,
body.category-csf .csfpostdonate .gform_page_fields,
body.category-csf .csfpostdonate .swiper-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.category-csf .csfpostdonate .gform_fields .gfield.gsection.blacc-header,
body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* FIX 4 + 5: Accordion headers — work WITH the plugin's pseudos
   The bl-accordion plugin renders:
     - ::before = "Change" label (positioned absolute, right:44px)
     - ::after  = "⌄" chevron (positioned absolute, right:18px)
   Plugin selector specificity: .gform_wrapper .gfield.gsection.blacc-header
   To win we use: body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header
   (one type selector + 4 class selectors + descendant chain)
Outer box — soft-blue card with subtle blue border, no side stripe.
   Matches the earlier light-blue look that visually broke up the form. */

body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header {
  display: grid !important;
  grid-template-columns: 1fr 78px !important;
  grid-template-rows: auto auto !important;
  grid-template-areas: "title  indicator"
    "desc   indicator" !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  align-items: center !important;
  padding: 11px 14px !important;
  margin: 0 !important;
  background: var(--rk-accent-soft) !important;
  border: 1px solid rgba(30,115,190,.22) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .2s ease, border-color .2s ease !important;
  position: relative !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header:hover {
  background: #d9eaf6 !important;
  border-color: rgba(30,115,190,.4) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header:active {
  transform: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header:focus,
body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header:focus-visible {
  outline: none !important;
  border-color: var(--rk-accent) !important;
  box-shadow: 0 0 0 3px var(--rk-accent-glow) !important;
}

/* Open state — go to white so it's visually distinct from closed
   (closed = action available, open = currently editing) */

body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header[aria-expanded="true"] {
  background: var(--rk-surface) !important;
  border-color: var(--rk-line) !important;
  box-shadow: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header h3.gsection_title,
body.category-csf .csfpostdonate .gform_wrapper .blacc-header h2.gsection_title,
body.category-csf .csfpostdonate .gform_wrapper .blacc-header .gsection_title {
  grid-area: title !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--rk-text) !important;
  line-height: 1.2 !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .gsection_description {
  grid-area: desc !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: var(--rk-text-soft) !important;
  line-height: 1.35 !important;
  min-width: 0 !important;
  opacity: 1 !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .bl-icon-line {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .bl-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
  color: var(--rk-accent) !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .bl-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .bl-icon-text {
  display: inline !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: var(--rk-text-soft) !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .bl-icon-text strong {
  font-weight: 700 !important;
  color: var(--rk-text) !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header .bl-icon-line br {
  display: none !important;
}

/* ===== PLUGIN'S ::before "CHANGE" LABEL =====
   Reskin: smaller text, brand color, tucked to the right edge.
   Specificity ladder includes form ID to match the plugin's rule. */

body.category-csf .csfpostdonate .gform_wrapper .blacc-header::before,
body.category-csf .csfpostdonate #gform_wrapper_7 .blacc-header::before,
body.category-csf .csfpostdonate .gform_wrapper #gform_7 .blacc-header::before {
  content: "Change" !important;
  right: 30px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--rk-accent) !important;
  line-height: 1 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header:hover::before,
body.category-csf .csfpostdonate #gform_wrapper_7 .blacc-header:hover::before,
body.category-csf .csfpostdonate .gform_wrapper #gform_7 .blacc-header:hover::before {
  color: var(--rk-accent-hover) !important;
  opacity: 1 !important;
}

/* ===== PLUGIN'S ::after CHEVRON =====
   Restyle: smaller, brand color, tucked tighter to the edge.
   Hide entirely when open — CLOSE text alone is clearer than
   CLOSE + a rotated chevron that conflicts with the label. */

body.category-csf .csfpostdonate .gform_wrapper .blacc-header::after {
  right: 12px !important;
  font-size: 18px !important;
  color: var(--rk-accent) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

body.category-csf .csfpostdonate .gform_wrapper .blacc-header[aria-expanded="true"]::after,
body.category-csf .csfpostdonate #gform_wrapper_7 .blacc-header[aria-expanded="true"]::after,
body.category-csf .csfpostdonate .gform_wrapper #gform_7 .blacc-header[aria-expanded="true"]::after {
  display: none !important;
  content: none !important;
}

/* When open, move "Close" to the chevron's slot (right edge) since
   the chevron is hidden */

body.category-csf .csfpostdonate .gform_wrapper .blacc-header[aria-expanded="true"]::before,
body.category-csf .csfpostdonate #gform_wrapper_7 .blacc-header[aria-expanded="true"]::before,
body.category-csf .csfpostdonate .gform_wrapper #gform_7 .blacc-header[aria-expanded="true"]::before {
  content: "Close" !important;
  color: var(--rk-accent-dark) !important;
  opacity: 1 !important;
  right: 14px !important;
}

body.category-csf .csfpostdonate #field_7_1 .gfield_radio,
body.category-csf .csfpostdonate fieldset#field_7_1 .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  flex-direction: unset !important;
  gap: 8px !important;
}

body.category-csf .csfpostdonate #field_7_1 .gfield_radio .gchoice,
body.category-csf .csfpostdonate fieldset#field_7_1 .gfield_radio .gchoice {
  display: flex !important;
  width: 100% !important;
}

body.category-csf .csfpostdonate #field_7_1 .gfield_radio .gchoice label,
body.category-csf .csfpostdonate fieldset#field_7_1 .gfield_radio .gchoice label {
  width: 100% !important;
  min-width: 0 !important;
}

body.category-csf .csfpostdonate #field_7_13 {
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
  border: none !important;
}

body.category-csf .csfpostdonate #field_7_13 > .gfield_label,
body.category-csf .csfpostdonate #field_7_13 > legend.gfield_label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.category-csf .csfpostdonate #field_7_13 .gfield_radio,
body.category-csf .csfpostdonate fieldset#field_7_13 .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  flex-direction: unset !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.category-csf .csfpostdonate #field_7_13 .gfield_radio .gchoice,
body.category-csf .csfpostdonate fieldset#field_7_13 .gfield_radio .gchoice {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
}

body.category-csf .csfpostdonate #field_7_13 .gfield_radio .gchoice label,
body.category-csf .csfpostdonate fieldset#field_7_13 .gfield_radio .gchoice label {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.category-csf .csfpostdonate #field_7_85 {
  margin-top: 2px !important;
}

body.category-csf .csfpostdonate #field_7_85 p {
  margin: 0 !important;
  padding-top: 2px !important;
  font-size: 0.78rem !important;
  text-align: center !important;
  color: var(--rk-muted) !important;
}

body.category-csf .csfpostdonate #field_7_79.gsection,
body.category-csf .csfpostdonate .your-donation > .gsection:not(.bl-accordion) {
  border: none !important;
  padding: 6px 0 0 0 !important;
  margin: 4px 0 0 0 !important;
}

body.category-csf .csfpostdonate #field_7_79 .gsection_title {
  text-align: center !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
}

@media (max-width: 600px) {
  body.category-csf .csfpostdonate #field_7_1 .gfield_radio {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body.category-csf .csfpostdonate #field_7_13 .gfield_radio {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body.category-csf .csfpostdonate .gform_wrapper .gfield.gsection.blacc-header {
    padding: 10px 12px !important;
    grid-template-columns: 1fr 68px !important;
  }
  body.category-csf .csfpostdonate .gform_wrapper .blacc-header::before {
    font-size: 0.62rem !important;
    right: 26px !important;
  }
  body.category-csf .csfpostdonate .gform_wrapper .blacc-header::after {
    font-size: 16px !important;
    right: 10px !important;
  }
}

/* Crowded iframe — scale to fit container + kill scrollbars
   Plugin dimensions: 420 × 360 */

body.category-csf .crowded-field-container,
body.category-csf .crowded-iframe-wrapper {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.category-csf .crowded-field-container iframe[src*="crowded"] {
  display: block !important;
  overflow: hidden !important; /* suppress iframe's own scrollbars */
  transform-origin: top left !important;
  transform: scale(0.838) !important; /* 352 / 420 */
  margin-right: -68px !important; /* 420 × 0.162 */
  margin-bottom: -58px !important; /* 360 × 0.162 */
}

@media (max-width: 1024px) and (min-width: 880px) {
  body.category-csf .crowded-field-container iframe[src*="crowded"] {
    transform: scale(0.743) !important;
    margin-right: -108px !important;
    margin-bottom: -93px !important;
  }
}

@media (max-width: 879px) {
  body.category-csf .crowded-field-container iframe[src*="crowded"] {
    transform: scale(0.80) !important;
    margin-right: -84px !important;
    margin-bottom: -72px !important;
  }
}