/* Support — square tabs, amount chips, and the same form hooks. */

:is(body.is-inner, body.is-home) .support-page {
  background: #fff !important;
  color: #111 !important;
}

:is(body.is-inner, body.is-home) .support-type-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: flex-start;
  margin: 0 0 22px;
  border-bottom: 1px solid #e6e6e6;
}

:is(body.is-inner, body.is-home) .support-type-btn {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #666 !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transform: none !important;
}

:is(body.is-inner, body.is-home) .support-type-btn.active,
:is(body.is-inner, body.is-home) .support-type-btn:hover {
  border-bottom-color: #da020e !important;
  background: transparent !important;
  color: #111 !important;
}

:is(body.is-inner, body.is-home) .support-form-card {
  margin-top: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

:is(body.is-inner, body.is-home) .support-form-body {
  padding: 0 !important;
}

:is(body.is-inner, body.is-home) .support-page .form-label,
:is(body.is-inner, body.is-home) .support-page .form-check-label {
  color: #111 !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:is(body.is-inner, body.is-home) .support-page .form-control,
:is(body.is-inner, body.is-home) .support-page .input-group-text {
  border-radius: 0 !important;
  border-color: #ddd !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
}

:is(body.is-inner, body.is-home) .support-amount-chip {
  border-radius: 0 !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

:is(body.is-inner, body.is-home) .support-amount-chip.active,
:is(body.is-inner, body.is-home) .support-amount-chip:hover {
  border-color: #da020e !important;
  background: #da020e !important;
  color: #fff !important;
}

:is(body.is-inner, body.is-home) .support-submit-btn {
  border: 0 !important;
  border-radius: 0 !important;
  background: #111 !important;
  color: #fff !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transform: none !important;
  box-shadow: none !important;
}

:is(body.is-inner, body.is-home) .support-submit-btn:hover {
  background: #da020e !important;
}

:is(body.is-inner, body.is-home) .support-impact {
  gap: 0;
  margin-top: 28px;
  border-top: 1px solid #ececec;
}

:is(body.is-inner, body.is-home) .support-impact-item {
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ececec;
  background: #fff !important;
  text-align: left;
  padding: 16px 12px;
}

:is(body.is-inner, body.is-home) .support-impact-item i {
  color: #da020e !important;
  font-size: 18px;
}

:is(body.is-inner, body.is-home) .support-impact-item strong,
body.is-home .club-home .support-impact-item strong {
  color: #111 !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

:is(body.is-inner, body.is-home) .support-impact-item small,
body.is-home .club-home .support-impact-item small {
  color: #555 !important;
}

:is(body.is-inner, body.is-home) .support-thanks h2,
body.is-home .club-home .support-thanks h2 {
  color: #111 !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 64px;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

:is(body.is-inner, body.is-home) .support-thanks-icon {
  color: #da020e !important;
}

:is(body.is-inner, body.is-home) .support-thanks p,
body.is-home .club-home .support-thanks p {
  color: #333 !important;
}

:is(body.is-inner, body.is-home) .support-thanks .btn {
  border-radius: 0 !important;
  border: 0 !important;
  background: #111 !important;
  color: #fff !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:is(body.is-inner, body.is-home) .support-payment-modal {
  border-radius: 0 !important;
}

:is(body.is-inner, body.is-home) .support-payment-amount {
  color: #da020e !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 48px;
  font-weight: 800;
}

:is(body.is-inner, body.is-home) #paymentConfirm {
  border: 0 !important;
  border-radius: 0 !important;
  background: #da020e !important;
  font-family: "Barlow Condensed", Impact, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}