/* 08.11.2026: експертна перевірка на категоріях, зміст статей і описів категорій, фото категорії. */

/* Рядок експертної перевірки — як рядок «дата · автор» у блозі. */
.am-shop-expert {
    display: block;
    max-width: 980px;
    margin: -14px auto 22px;
    color: #A0A0A0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}
.am-shop-expert time,
.am-shop-expert .am-blog-author { color: inherit; }
.am-shop-expert.has-date .am-blog-author::before { content: '·'; margin: 0 8px; }
.am-shop-expert a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.am-shop-expert a:hover { color: #3f5b2f; }
.am-shop-expert + .am-shop-cat-intro { margin-top: 0; }

/* Зміст */
.am-toc {
    display: flow-root;
    margin: 4px 0 22px;
    border: 1px solid #E4E6E0;
    border-radius: 8px;
    padding: 16px 20px 14px;
    background: #F7F8F5;
}
.am-toc__title {
    margin: 0 0 8px;
    color: #3E5338;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}
.am-toc .am-toc__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.am-toc .am-toc__item {
    position: relative;
    margin: 0;
    padding: 4px 0 4px 16px;
    font-size: 15px;
    line-height: 1.4;
}
.am-toc .am-toc__item::before {
    content: '';
    position: absolute;
    left: 2px;
    top: calc(4px + .7em - 2px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9DAA92;
}
.am-toc .am-toc__item--h3 { margin-left: 16px; font-size: 14px; }
.am-toc .am-toc__item--h3::before { background: transparent; border: 1px solid #9DAA92; }
/* !important: загальний стиль посилань у контенті (main.css, :is(...) a:not(...)) сильніший за класи. */
.am-toc a.am-toc__link {
    color: #3E5338 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}
.am-toc a.am-toc__link:hover,
.am-toc a.am-toc__link:focus-visible {
    color: #28361f !important;
    text-decoration: underline !important;
    text-decoration-color: currentColor !important;
    text-underline-offset: 3px;
}
[id^="rozdil-"] { scroll-margin-top: 16px; }

/* SEO-опис категорії: перший абзац + зміст, поруч фото */
.am-shop-seo__top {
    color: #686868;
    font-size: 16px;
    line-height: 1.5;
}
.am-shop-seo__top.has-photo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 420px);
    gap: 28px;
    align-items: start;
    margin-bottom: 16px;
}
.am-shop-seo__lead p { margin: 0 0 16px; }
.am-shop-seo__lead a:not(.am-toc__link) { color: #3e5338; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.am-shop-seo__photo { margin: 0; }
.am-shop-seo__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.am-shop-seo__top.has-photo .am-shop-seo__lead:empty { display: none; }

@media (max-width: 1100px) {
    .am-shop-expert { margin: -8px auto 16px; font-size: 13px; }
    .am-shop-seo__top { font-size: 14px; }
}
@media (max-width: 767px) {
    .am-shop-expert { font-size: 12px; }
    .am-shop-expert.has-date .am-blog-author::before { margin: 0 6px; }
    .am-toc { padding: 14px 16px 12px; }
    .am-toc .am-toc__item { font-size: 14px; padding: 5px 0 5px 16px; }
    .am-toc .am-toc__item--h3 { font-size: 13px; }
    .am-shop-seo__top.has-photo { display: flex; flex-direction: column-reverse; gap: 16px; }
}

/* Рядок «дата · Автор: Ім'я — опис.» у статті: суцільним текстом, щоб «·» не лишався сам на початку рядка. */
.am-blog-article__header .am-blog-metaline { display: block; color: #A0A0A0; font-size: 14px; line-height: 1.4; }
.am-blog-article__header .am-blog-metaline time { display: inline; margin: 0; }
.am-blog-article__header .am-blog-metaline .am-blog-author::before { margin: 0 8px; }
@media (max-width: 767px) {
    .am-blog-article__header .am-blog-metaline { font-size: 11px; }
    .am-blog-article__header .am-blog-metaline .am-blog-author::before { margin: 0 6px; }
}