.bp-faq-sidebar .bp-faq-tab {
  text-align: left;
  padding: 0.75rem 1rem;
  border-radius: var(--bp-radius);
  font-weight: 700;
  white-space: nowrap;
  border: none;
  background: transparent;
  color: var(--bp-foreground);
  transition: all 0.2s;
  width: 100%;
}

.bp-faq-sidebar .bp-faq-tab.is-active {
  background: rgba(var(--bp-primary-rgb), 0.2);
  color: var(--bp-primary);
  border: 1px solid rgba(var(--bp-primary-rgb), 0.3);
}

.bp-faq-sidebar .bp-faq-tab:hover:not(.is-active) {
  background: var(--bp-card);
  color: var(--bp-foreground);
}

.bp-section--light .bp-faq-sidebar .bp-faq-tab {
  color: var(--bp-ink);
}

.bp-section--light .bp-faq-sidebar .bp-faq-tab:hover:not(.is-active) {
  background: rgba(var(--bp-primary-rgb), 0.06);
  color: var(--bp-ink);
}

.bp-section--light h2[data-bp-faq-panel-title] {
  --bs-border-color: rgba(var(--bp-primary-rgb), 0.15);
}

.bp-search-bar {
  max-width: 36rem;
  margin: 0 auto;
  background: var(--bp-card);
  border: 1px solid var(--bp-border);
  border-radius: 999px;
  padding: 0.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
}

.bp-search-bar input {
  background: transparent;
  border: none;
  color: var(--bp-foreground);
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  outline: none;
}

.bp-search-bar i {
  padding-left: 1rem;
  color: var(--bp-muted);
}

.page-template-page-faq-php .bp-search-bar {
  background: var(--bp-surface-plain);
  border-color: rgba(var(--bp-primary-rgb), 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.page-template-page-faq-php .bp-search-bar input {
  color: var(--bp-ink);
}

.page-template-page-faq-php .bp-search-bar i {
  color: var(--bp-muted-ink);
}