/*
  TimTaj CSS split file: 06-faq.css
  Source: WordPress Additional CSS, split by page/area.
*/

/*
============================================================
 — TimTaj.com — Стили для страницы FAQ (page-id-67234)
 — Используется единый фон-контейнер qt-paper (background: #191919)
 — Весь FAQ-контент внутри .faq без отдельных фонов и скруглений
 — Максимальная совместимость и адаптивность
 — Все стили с namespace body.page-id-67234 для предотвращения конфликтов
============================================================
*/

/* === Центрированный контейнер с единым фоном === */
body.page-id-67234 .qt-paper {
  background: #161616 !important;      /* Цвет фона */
  max-width: 1200px;
  margin: 4px auto;
  border-radius: 20px;
  box-shadow: none;
  padding: 8px 20px;
}

@media (max-width: 600px) {
  body.page-id-67234 .qt-paper {
    padding: 16px 4px;
    border-radius: 0;
    margin: 0;
  }
}

/* === FAQ — чисто структурные стили === */
body.page-id-67234 .faq {
  max-width: 100%; /* Просто ширина контейнера */
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  font-family: 'Helvetica Neue', sans-serif;
  color: #eee;
}

/* === Заголовки === */
body.page-id-67234 .faq h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
  color: #f2f2f2;
}
body.page-id-67234 .faq h3, body.page-id-67234 .faq-section {
  text-align: center;
  color: #cc99ff !important;
  font-size: 24px;
  margin: 32px 0 24px 0;
}

/* === Блок вопрос-ответ === */
body.page-id-67234 .faq-item {
  max-width: 900px;
  margin: 0 auto 8px;          /* Центрируем */
  border-radius: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.page-id-67234 .faq-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(48, 209, 88, 0.3);
}

body.page-id-67234 .faq details {
  background: #161616;
  border-radius: 12px;
  overflow: hidden;
  transition: border 0.3s;
}

body.page-id-67234 .faq summary {
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ddd;
  padding: 18px 20px;
  transition: background 0.2s ease;
}
body.page-id-67234 .faq summary:hover {
  background: #191919;
}
body.page-id-67234 .faq summary::after {
  content: "+";
  font-size: 24px;
  color: #888;
  transition: 0.3s ease;
}
body.page-id-67234 .faq details[open] summary::after {
  content: "×";
  color: #30d158;
}

body.page-id-67234 .faq p {
  margin: 0 !important;
  padding: 10px 20px 10px;
  color: #bbb;
  font-size: 16px;
  line-height: 1.6;
  background: #151515;
  border-top: none !important;
}

body.page-id-67234 .faq details[open] > p:first-of-type {
  border-top: 2px solid rgba(255, 255, 255, 0.05) !important;
}
body.page-id-67234 .faq details[open] > p:last-of-type {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Отключаем hover у .link-box только на FAQ */
body.page-id-67234 .link-box:hover {
  transform: none !important;
  box-shadow: none !important;
}

/*
  END — Стили FAQ для page-id-67234 (единый фон qt-paper)
*/