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

/* ==============================================================
  CSF — Tabs
  bl-tabs (Teams / Fundraisers / Monthly Sponsors) and the GravityView tables inside them.
============================================================== */

/* 19.5. TABBED CONTENT (.bl-tabs)
   Teams / Fundraisers / Donation Matchers
   Ported from SIC (PART 3) and re-themed to CSF tokens (rk-*). */

@keyframes csfTabFade {
  from {
    opacity: .6;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.category-csf .bl-tabs {
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
  margin: 12px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.category-csf .bl-tabs__nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: stretch !important;
  padding: 12px !important;
  background: var(--rk-surface-2) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  overflow: visible !important;
}

body.category-csf .bl-tabs__tab {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid var(--rk-border) !important;
  background: #fff !important;
  color: var(--rk-text-soft) !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
  position: relative !important;
  white-space: nowrap !important;
  user-select: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

body.category-csf .bl-tabs__tab:hover {
  color: var(--rk-accent) !important;
  border-color: var(--rk-accent) !important;
  background: var(--rk-accent-soft) !important;
}

body.category-csf .bl-tabs__tab.is-active {
  color: #fff !important;
  border-color: var(--rk-accent) !important;
  background: var(--rk-accent) !important;
  box-shadow: 0 4px 12px var(--rk-accent-glow) !important;
}

body.category-csf .bl-tabs__tab:focus {
  outline: none !important;
}

body.category-csf .bl-tabs__tab:focus-visible {
  box-shadow: 0 0 0 3px var(--rk-accent-glow) !important;
}

body.category-csf .bl-tabs__tab-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.category-csf .bl-tabs__panels {
  padding: 16px !important;
  background: #fff !important;
}

body.category-csf .bl-tabs__panel {
  border-radius: 12px !important;
}

body.category-csf .bl-tabs__panel.is-active {
  animation: csfTabFade .18s ease-out !important;
}

body.category-csf .bl-tabs__panel-inner {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.category-csf .bl-tabs__panel-inner > p:empty {
  display: none !important;
}

body.category-csf .bl-tabs__panel-inner > br {
  display: none !important;
}

body.category-csf .bl-tabs__panel-inner img,
body.category-csf .bl-tabs__panel-inner video,
body.category-csf .bl-tabs__panel-inner iframe {
  max-width: 100% !important;
  height: auto !important;
}

body.category-csf .bl-tabs__panel-inner .csfpostsubtitle {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--rk-text) !important;
  margin: 0 0 14px 0 !important;
  text-align: left !important;
}

body.category-csf .bl-tabs__panel-inner .gv-container,
body.category-csf .bl-tabs__panel-inner .gv-list-container,
body.category-csf .bl-tabs__panel-inner .gv-table-container {
  max-width: 100% !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

body.category-csf .bl-tabs__panel-inner [itemprop="itemReviewed"] {
  display: block !important;
  width: 100% !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: background .2s ease, border-color .2s ease !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-accent) !important;
}

/* No heart icon inside tab panels — that's reserved for the Recent
   Donations section. The tabs show Teams/Fundraisers, not donors. */

body.category-csf .bl-tabs__panel-inner .gv-list-view::before {
  content: none !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view-title {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view-title h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--rk-text) !important;
  line-height: 1.3 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view-content,
body.category-csf .bl-tabs__panel-inner .gv-list-view-content-image,
body.category-csf .bl-tabs__panel-inner .gv-list-view-content-description {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-grid,
body.category-csf .bl-tabs__panel-inner .gv-list-view-content .gv-grid,
body.category-csf .bl-tabs__panel-inner .gv-list-view-content > .gv-grid {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.category-csf .bl-tabs__panel-inner [class*="gv-grid-col"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view a {
  color: var(--rk-accent) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-list-view a:hover {
  color: var(--rk-accent-hover) !important;
  text-decoration: underline !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations p {
  margin: 0 0 8px 0 !important;
  font-size: .9rem !important;
  color: var(--rk-text-soft) !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-meter {
  width: 100% !important;
  height: 8px !important;
  background: var(--rk-line-soft) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 0 0 6px 0 !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-fill {
  height: 100% !important;
  background: var(--rk-accent) !important;
  border-radius: 999px !important;
  transition: width .3s ease !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-caption,
body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-goal {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  font-size: .8rem !important;
  margin: 0 12px 0 0 !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-caption-label,
body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-goal-label {
  color: var(--rk-muted) !important;
  font-weight: 500 !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-caption-value,
body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-goal-value {
  color: var(--rk-text) !important;
  font-weight: 700 !important;
}

body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-caption br,
body.category-csf .bl-tabs__panel-inner .teamdonations .gfpm-goal br {
  display: none !important;
}

body.category-csf .bl-tabs__panel-inner .progressmeterheader {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--rk-accent) !important;
  margin-right: 6px !important;
}

body.category-csf .bl-tabs__panel-inner .progressmetersubheader {
  font-size: .85rem !important;
  color: var(--rk-muted) !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis {
  margin: 8px 0 0 0 !important;
  padding: 10px 12px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__label {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: var(--rk-muted) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__value {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  background: #fff !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-sm) !important;
  font-size: 0.8rem !important;
  color: var(--rk-text) !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  cursor: pointer !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__btn {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 8px 12px !important;
  background: var(--rk-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rk-radius-sm) !important;
  font-family: inherit !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .15s ease !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__btn:hover {
  background: var(--rk-accent-hover) !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__btn-icon {
  font-size: 1rem !important;
  line-height: 1 !important;
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__status {
  font-size: 0.75rem !important;
  color: var(--rk-success) !important;
  font-weight: 600 !important;
  margin-left: 6px !important;
}

body.category-csf .bl-tabs__panel-inner .gv-no-results,
body.category-csf .bl-tabs__panel-inner .gv-no-results-text {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  background: var(--rk-surface-2) !important;
  border: 1px dashed var(--rk-border) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 0 !important;
  text-align: center !important;
}

body.category-csf .bl-tabs__panel-inner .gv-no-results h3,
body.category-csf .bl-tabs__panel-inner .gv-no-results-text h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  color: var(--rk-muted) !important;
  line-height: 1.5 !important;
  background: transparent !important;
  border: 0 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-no-results h3 p,
body.category-csf .bl-tabs__panel-inner .gv-no-results-text h3 p {
  margin: 0 !important;
  display: inline !important;
}

body.category-csf .bl-tabs__panel-inner .gv-no-results a,
body.category-csf .bl-tabs__panel-inner .gv-no-results-text a {
  color: var(--rk-accent) !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.category-csf .bl-tabs__panel-inner .gv-table-container,
body.category-csf .bl-tabs__panel-inner .gv-table-view {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view,
body.category-csf .bl-tabs__panel-inner .gv-table-container table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view thead {
  background: var(--rk-surface-2) !important;
  display: table-header-group !important; /* override the .csfpostdonations table thead { display: none } above */
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view thead th {
  padding: 12px 16px !important;
  text-align: left !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  color: var(--rk-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  border-bottom: 1px solid var(--rk-border) !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tfoot {
  display: none !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody tr {
  background: #fff !important;
  transition: background .15s ease !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody tr:hover {
  background: var(--rk-surface-2) !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody td {
  padding: 12px 16px !important;
  font-size: .95rem !important;
  color: var(--rk-text) !important;
  border-bottom: 1px solid var(--rk-line-soft) !important;
  border-left: none !important;
  border-right: none !important;
  vertical-align: middle !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody td:first-child {
  font-weight: 600 !important;
  border-radius: 0 !important;
}

body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody td:last-child {
  text-align: right !important;
  color: var(--rk-accent) !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widgets-footer {
  margin-top: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widget-page-links {
  margin: 0 0 10px 0 !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widget-page-links ul.page-numbers {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widget-page-links ul.page-numbers li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widget-page-links .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border: 1px solid var(--rk-border) !important;
  background: #fff !important;
  color: var(--rk-text-soft) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widget-page-links .page-numbers:hover {
  background: var(--rk-accent-soft) !important;
  color: var(--rk-accent) !important;
  border-color: var(--rk-accent) !important;
}

body.category-csf .bl-tabs__panel-inner .gv-widget-page-links .page-numbers.current {
  background: var(--rk-accent) !important;
  color: #fff !important;
  border-color: var(--rk-accent) !important;
}

body.category-csf .bl-tabs__panel-inner .csfcontactlink,
body.category-csf .bl-tabs__panel-inner .siccontactlink {
  margin: 12px 0 0 0 !important;
  padding: 12px 16px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 10px !important;
  font-size: .9rem !important;
  color: var(--rk-text-soft) !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

body.category-csf .bl-tabs__panel-inner .csfcontactlink br,
body.category-csf .bl-tabs__panel-inner .siccontactlink br {
  display: none !important;
}

body.category-csf .bl-tabs__panel-inner .csfcontactlink a,
body.category-csf .bl-tabs__panel-inner .siccontactlink a {
  color: var(--rk-accent) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: 6px !important;
}

body.category-csf .bl-tabs__panel-inner .csfcontactlink a:hover,
body.category-csf .bl-tabs__panel-inner .siccontactlink a:hover {
  text-decoration: underline !important;
}

body.category-csf .bl-tabs.bl-tabs--sticky .bl-tabs__nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}

@media (max-width: 767px) {
  body.category-csf .bl-tabs {
    border-radius: 14px !important;
  }
  body.category-csf .bl-tabs__nav {
    padding: 8px !important;
    gap: 6px !important;
  }
  body.category-csf .bl-tabs__tab {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  body.category-csf .bl-tabs__panels {
    padding: 12px !important;
  }
  body.category-csf .bl-tabs__panel-inner .gv-list-view {
    padding: 12px !important;
  }
  body.category-csf .bl-tabs__panel-inner .gv-list-view-title h3 {
    font-size: .95rem !important;
  }
  body.category-csf .bl-tabs__panel-inner table.gv-table-view thead th,
  body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody td {
    padding: 10px 12px !important;
    font-size: .85rem !important;
  }
  body.category-csf .bl-tabs__panel-inner .bl-copythis__row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.category-csf .bl-tabs__panel-inner .bl-copythis__btn {
    justify-content: center !important;
  }
}

@media (max-width: 400px) {
  body.category-csf .bl-tabs__panel-inner table tbody,
  body.category-csf .bl-tabs__panel-inner table tbody tr,
  body.category-csf .bl-tabs__panel-inner table tbody td {
    display: revert !important;
    width: revert !important;
    text-align: revert !important;
    border-radius: revert !important;
  }
  body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody td {
    display: table-cell !important;
  }
  body.category-csf .bl-tabs__panel-inner table.gv-table-view tbody tr {
    display: table-row !important;
  }
}

body.category-csf .bl-tabs__panel-inner .bl-copythis__value {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important;
}