/*
 * Дополнения для WordPress к стилям прототипа (assets/css/style.css переносится без изменений).
 */

/* Категории каталога: в прототипе кнопки-фильтры, на сайте — ссылки на страницы категорий */
.shopside__list a{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:12px;
  width:100%;text-align:left;padding:11px 14px;border-radius:12px;font-family:"Onest","Onest Fallback",sans-serif;
  font-size:15.5px;line-height:1.25;color:var(--ink);transition:background var(--t),color var(--t)}
.shopside__list a:hover{background:var(--paper)}
.shopside__list a.is-on{background:var(--blue);color:#fff}
.shopside__list a.is-on i,.shopside__list a.is-on span{color:#fff}
@media (max-width:900px){
  .shopside__list a{width:auto;white-space:nowrap;border:1px solid var(--line);
    border-radius:var(--pill);padding:11px 14px;grid-template-columns:auto auto auto;gap:9px}
  .shopside__list a.is-on{border-color:var(--blue)}
}

/* Ловушка для ботов в формах заявки */
.field--hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Сообщение формы об ошибке */
.form__msg.is-error{color:#c0392b}

/* Кнопка «сбросить» в строке результатов поиска — ссылка */
a.linkbtn{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

/* Статья: картинки и подписи из редактора */
.prose img{max-width:100%;height:auto;border-radius:var(--radius)}
.prose figure{margin:1.4em 0}
.prose figcaption{font-size:14px;color:#8a8f97;margin-top:8px}
.prose .wp-block-image img{display:block}
.prose .alignleft{float:left;margin:.3em 1.4em 1em 0}
.prose .alignright{float:right;margin:.3em 0 1em 1.4em}
.prose .aligncenter{display:block;margin-left:auto;margin-right:auto}
.prose iframe{max-width:100%}

/* Пагинация списка статей */
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}
.pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;
  border:1px solid var(--line);border-radius:var(--pill);font-family:"Onest","Onest Fallback",sans-serif;font-size:15px;color:var(--ink);
  transition:background var(--t),color var(--t),border-color var(--t)}
.pager .page-numbers:hover{border-color:var(--blue);color:var(--blue)}
.pager .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}
.pager .page-numbers.dots{border-color:transparent}

/* Админ-панель WordPress не перекрывает липкую шапку */
body.admin-bar .shopside{top:128px}

/* Обычные страницы (Словарь, Условия использования) */
.page-prose{max-width:820px}
.page-prose > h2:first-child{margin-top:0}

/* Статьи со старого сайта: в них встречаются h3, нумерованные списки и цитаты — в прототипе их не было */
.article__body h3{font-family:"Onest","Onest Fallback",sans-serif;font-size:clamp(19px,1.8vw,22px);line-height:1.3;color:var(--ink);margin:30px 0 12px}
.article__body h4{margin:24px 0 10px}
.article__body > h2:first-child,.article__body > h3:first-child{margin-top:0}
.article__body ol{margin:0 0 16px;padding-left:22px;max-width:72ch}
.article__body li{margin-bottom:8px}
.article__body li::marker{color:var(--blue);font-weight:600}
.article__body blockquote{margin:24px 0;padding:18px 22px;background:var(--paper);border-radius:var(--radius);color:var(--ink);max-width:72ch}
.article__body img{margin:8px 0 20px}
.prose .article__cover{margin:0 0 28px}
.prose .article__cover img{margin:0}
.article__byline{margin:28px 0 0;font-size:15px;color:var(--text)}
.article__byline a{color:var(--ink)}
.article__byline a:hover{color:var(--blue)}
.article__body table{width:100%;border-collapse:collapse;margin:0;font-size:15.5px}
.article__body th,.article__body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.table-scroll{overflow-x:auto;margin:0 0 20px;-webkit-overflow-scrolling:touch}
@media (max-width:960px){
  /* в прототипе 1fr: длинные слова в таблицах растягивали колонку шире экрана */
  .article{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .article__body table{font-size:14px;hyphens:auto}
  .article__body th,.article__body td{padding:8px 9px}
  /* таблицы из 4 колонок и шире не сжимаем до переносов в каждом слове — листаются вбок */
  .article__body .table-scroll table:has(th:nth-child(4)){min-width:620px;hyphens:manual}
}
.article__body hr{border:0;border-top:1px solid var(--line);margin:32px 0;max-width:72ch}

/* Ссылки внутри текста статей и обычных страниц: в прототипе a{color:inherit} — в тексте их не было видно */
.article__body :is(p,li,td,th,blockquote) a:not(.btn),.page-prose :is(p,li,td,th) a:not(.btn){color:var(--blue);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--t)}
.article__body :is(p,li,td,th,blockquote) a:not(.btn):hover,.page-prose :is(p,li,td,th) a:not(.btn):hover{color:var(--blue-700)}


/* Картинкам темы даны width/height, чтобы браузер резервировал место до загрузки (без сдвига макета).
   Этим трём высоту в прототипе задавала сама картинка — возвращаем auto; :where — нулевая специфичность,
   правила прототипа с высотой остаются сильнее. */
:where(.quote, .welcome__img, .faq__media) > img{height:auto}


/* Карточка товара: ссылки на статьи «Что такое трансфер фактор», «Безопасность» и документы под вопросами */
.pp-more{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}