/**
 * =============================================================================
 * @encoding UTF-8
 * @project [Стоматология Династия](//dinastiyamed.ru)
 * @summary Стили шаблонов услуг (Т6а): текст раздела, аккордеон вопросов, список в SEO-блоке «Цен»
 * @created 2026-10
 *
 * @include dinastiya_t6a_enqueue() в parts/services/helpers.php — до Tailwind
 *
 * @remarks ТЗ-3, задача Т6а. Встроенные <style> прежних site/services-page.php, service-details.php,
 *          prices.php. Ответы вопросов свёрнуты только при работающем JavaScript (класс js на <html>
 *          ставит тема): без JavaScript текст виден (ТЗ-3, план 3.3)
 * ============================================================================
 */

/* Текст раздела из админки. «Цитата» редактора — выделенный блок с галочками у пунктов списка */
.section-content > h2:first-child { text-align: center; }
.section-content blockquote { margin: 2.5rem 0; padding: 2rem; border-left: 4px solid #1A6B4A; border-radius: 1rem;
  background: rgba(242, 249, 246, .5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); color: #374151; font-style: normal; font-weight: 400; quotes: none; }
.section-content blockquote > :first-child { margin-top: 0; }
.section-content blockquote > :last-child { margin-bottom: 0; }
.section-content blockquote p::before, .section-content blockquote p::after { content: none; }
.section-content blockquote ul { list-style: none; padding-left: 0; }
.section-content blockquote ul > li { position: relative; margin: .75rem 0; padding-left: 2rem; }
.section-content blockquote ul > li::before { content: ''; position: absolute; left: 0; top: .2em; width: 1.5rem; height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231A6B4A' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") no-repeat center / contain; }

/* Разделы в корне: пункт списка — строка flex, как li.flex.items-start прежних site/general-dentistry.php и др.
   (галочка, жирное начало и текст — отдельными колонками, как на рабочем сайте) */
.section-content--root blockquote ul { padding-left: 1.5555556em; }
.section-content--root blockquote ul > li { display: flex; align-items: flex-start; padding-left: .4444444em; line-height: 1.7777778; margin: .75rem 0 0; }
.section-content--root blockquote ul > li:first-child { margin-bottom: .6666667em; }
.section-content--root > p:last-child { margin-bottom: 1.5rem; }
.section-content--root > ul { padding-left: 1.25rem; margin-bottom: 1.5rem; }
/* Абзацы текста — text-gray-700 (#374151), как <p class="font-lato text-gray-700"> прежних шаблонов (иначе общий цвет p темы) */
.section-content--root p { color: #374151; }
.section-content--root blockquote ul > li::before { position: static; flex-shrink: 0; margin-right: .5rem; top: auto; }
/* Заголовки текста раздела в корне — классы прежних шаблонов: h2 text-3xl mb-6, h3 text-2xl mb-4 */
.section-content--root > h2 { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 1.5rem; }
.section-content--root h3 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; font-weight: 700; }

/* Текст под преимуществами раздела из редактора: h3 — font-playfair text-2xl font-bold text-gray-900 прежних шаблонов */
.t6a-advantages-text h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; line-height: 2rem; font-weight: 700; color: #111827; margin-bottom: 1rem; }
.t6a-advantages-text > h3:first-child { margin-top: 0; }
/* Абзацы и пункты — text-gray-700, как <p class="font-lato text-gray-700"> прежних шаблонов (иначе общий цвет p темы) */
.t6a-advantages-text p, .t6a-advantages-text li { color: #374151; }

/* Таблица в тексте услуги или раздела: на узком экране прокручивается, страница не расползается
   (обёртку ставит dinastiya_t6a_content()) */
.t6a-table-scroll { overflow-x: auto; max-width: 100%; }

/* «Врачи направления» из связи (dinastiya_t6a_doctors_block()) — как прежний блок в тексте записи */
.t6a-doctors { display: flex; flex-wrap: wrap; gap: 24px; margin: 24px 0; }
.t6a-doctors__item { flex: 1 1 180px; max-width: 260px; }
.t6a-doctors__item img { display: block; width: 180px; max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 12px; }

/* Частые вопросы: страница услуги, боковая колонка «Цен» */
.js .faq-item .faq-answer { max-height: 0; overflow: hidden; transition: max-height .3s ease-out; }
.js .faq-item.active .faq-answer { max-height: 200px; }
.faq-item .faq-icon { transition: transform .3s ease; }
.faq-item.active .faq-icon { transform: rotate(180deg); }

/* «Цены», SEO-блок: список видов работ в две колонки с точками, как в прежнем prices.php */
.t6a-prices-seo ul { list-style: none; padding-left: 0; display: grid; column-gap: 1rem; }
@media (min-width: 640px) { .t6a-prices-seo ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.t6a-prices-seo ul > li { display: flex; align-items: center; gap: .5rem; }
/* space-y-2 прежнего списка: у второго и следующих пунктов отступ сверху .5rem, снизу 0 (в сетке не схлопываются) */
.t6a-prices-seo ul > li + li { margin-top: .5rem; margin-bottom: 0; }
/* Точка сжимается у длинного пункта, как span.w-2 прежнего шаблона (flex-shrink по умолчанию) */
.t6a-prices-seo ul > li::before { content: ''; width: .5rem; height: .5rem; border-radius: 9999px; background: #1A6B4A; }
.t6a-prices-seo ul > li::marker { content: none; }
/* Текст SEO-карточки из редактора: первый абзац — без верхнего отступа, как <p> сразу после h3 прежнего
   шаблона (типографика обнуляет отступ у h3 + *, а абзац в обёртке иначе получает 1.333em) */
.t6a-seo-card-text > :first-child { margin-top: 0; }