/**
 * Блок «Часто задаваемые вопросы».
 *
 * Оформление по образцу заказчика: без рамок, пункты разделены тонкой линией,
 * справа «+» у закрытого вопроса и «×» у раскрытого.
 *
 * Стили ограничены `.faq-block` — остальные аккордеоны сайта не затрагиваются.
 * Подключается через attach_library только на страницах, где FAQ есть.
 */

/* ── Контейнер: снимаем рамки и скругления Bootstrap Italia ──────────────── */
.faq-block .accordion,
.faq-block .accordion-item {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Разделитель — только снизу каждого вопроса */
.faq-block .accordion-item {
  border-bottom: 1px solid #e3e3e3;
}

/* ── Кнопка-вопрос ───────────────────────────────────────────────────────── */
.faq-block .accordion-button {
  position: relative;
  /* место справа под знак «+» / «×» */
  padding: 1.15rem 3rem 1.15rem 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #1a1a1a;
  font-weight: 400;
  font-size: 1.05rem;
  line-height: 1.45;
  text-align: left;
}

/* Раскрытый вопрос не должен заливаться синим фоном темы */
.faq-block .accordion-button:not(.collapsed) {
  background: transparent;
  color: #1a1a1a;
  box-shadow: none;
}

.faq-block .accordion-button:hover {
  color: #000;
}

/* Синее кольцо фокуса убираем, но доступность сохраняем:
   при переходе с клавиатуры показываем аккуратную рамку. */
.faq-block .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}

.faq-block .accordion-button:focus-visible {
  outline: 2px solid #1a1a1a;
  outline-offset: 2px;
}

/* ── Знак «+» / «×» вместо родного шеврона ───────────────────────────────── */
.faq-block .accordion-button::after {
  display: none;
}

.faq-block .accordion-button::before {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  color: #1a1a1a;
  transition: transform 0.15s ease;
}

.faq-block .accordion-button:not(.collapsed)::before {
  content: "\00d7"; /* × — настоящий знак умножения, не буква «х» */
  font-size: 1.7rem;
}

/* ── Ответ ───────────────────────────────────────────────────────────────── */
.faq-block .accordion-body {
  padding: 0 3rem 1.4rem 0;
  color: #444;
  line-height: 1.75;
}

.faq-block .accordion-body p:last-child {
  margin-bottom: 0;
}

/* ── Отступы секции ──────────────────────────────────────────────────────── */
.faq-block {
  margin: 2.5rem 0;
}

.faq-block__title {
  margin-bottom: 1rem;
}
