/* Стили для FAQ страницы */

/* Секции FAQ */
.faq-section {
  margin-bottom: 3rem;
}

.faq-card {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
  transition: box-shadow 0.3s;
  margin-bottom: 1rem;
}

.faq-card:hover {
  box-shadow: 0 6px 12px rgb(0 0 0 / 15%);
}

.faq-card .card-header {
  background-color: var(--primary-color);
  color: white;
  font-weight: bold;
  padding: 1rem;
}

/* Навигация */
.nav-pills .nav-link {
  border-radius: 50px;
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  transition: all 0.3s;
}

.nav-pills .nav-link:not(.active):hover {
  background-color: rgb(13 110 253 / 10%);
}

.nav-pills .nav-link.active {
  background-color: var(--primary-color);
  box-shadow: 0 4px 8px rgb(13 110 253 / 30%);
}

/* Код */
.code-block {
  background-color: #f1f1f1;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.code-block pre {
  margin-bottom: 0;
}

/* Адаптивный дизайн */
@media (width <= 767.98px) {
  .nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.5rem;
  }

  .nav-pills .nav-link {
    white-space: nowrap;
    font-size: 0.875rem;
  }
}