/* HostCat: мелкие дополнения к Quark 2 (переключатель языка, подвал). */

.hc-lang { position: relative; margin: 0 .5rem 0 0; }
.hc-lang summary { list-style: none; cursor: pointer; padding: .35rem .6rem; border-radius: var(--q2-radius-sm, 6px); font-size: .85rem; font-weight: 600; white-space: nowrap; }
.hc-lang summary::-webkit-details-marker { display: none; }
.hc-lang summary::after { display: none; }
.hc-lang summary:hover { background: var(--q2-bg-muted); }
.hc-lang ul { position: absolute; right: 0; top: calc(100% + .25rem); z-index: 50; min-width: 180px; list-style: none; margin: 0; padding: .35rem;
  background: var(--q2-bg-elev); border-radius: var(--q2-radius, 8px); box-shadow: var(--q2-shadow-dropdown); }
.hc-lang li { margin: 0; }
.hc-lang a { display: block; padding: .35rem .6rem; border-radius: var(--q2-radius-xs, 4px); text-decoration: none; font-size: .9rem; }
.hc-lang a:hover { background: var(--q2-bg-muted); }
.hc-lang a[aria-current] { font-weight: 700; }
.hc-lang--mobile ul { position: static; box-shadow: none; }
.mobile-actions { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; }

/* Подвал: бренд + три колонки ссылок, нижняя полоса с копирайтом. Сброс стилей меню Quark 2 — через #footer. */
#footer .hc-footer { font-size: .9rem; text-align: left; }
.hc-footer__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 2rem 2.5rem; padding-bottom: 1.5rem; }
.hc-footer__brand p { margin: .75rem 0 0; max-width: 40ch; color: var(--q2-text-muted); font-size: .85rem; }
#footer .hc-footer h2 { margin: 0 0 .75rem; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--q2-text-muted); }
#footer .hc-footer h2::before { display: none; }
#footer .hc-footer nav { display: block; }
#footer .hc-footer nav ul { display: block; list-style: none; margin: 0; padding: 0; }
#footer .hc-footer nav li { display: block; margin: 0 0 .45rem; padding: 0; }
#footer .hc-footer nav li::marker { content: none; }
#footer .hc-footer nav a { display: inline; padding: 0; margin: 0; color: var(--q2-text); text-decoration: none; }
#footer .hc-footer nav a:hover { color: var(--q2-accent); text-decoration: underline; }
.hc-footer__bottom { padding-top: 1.25rem; border-top: 1px solid var(--q2-divider, var(--q2-border, #ddd)); font-size: .8rem; color: var(--q2-text-muted); }
.hc-footer__bottom p { margin: 0; }
@media (max-width: 860px) { .hc-footer__grid { grid-template-columns: 1fr 1fr; } .hc-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 480px) { .hc-footer__grid { grid-template-columns: 1fr; } }

.hc-logo { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--pico-font-family-display, inherit); font-size: 1.35rem; font-weight: 600; text-decoration: none; color: var(--q2-text-strong); }
.hc-logo i { color: var(--q2-accent); }
.hc-logo img, .hc-logo svg { max-height: 40px; width: auto; display: block; }

/* Полоска 28×3 над каждым h2 из Quark 2 (theme.css, h2::before) — убрана по решению владельца 2026-10-25. */
h2::before { display: none; }


/* Автор статьи базы знаний (partials/blog-item.html.twig) — как .ai-author в карточках сервисов. */
.aihub-author { display: flex; gap: .75rem; align-items: flex-start; margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--q2-border, #ddd); }
.aihub-author img { border-radius: 50%; flex: none; }
.aihub-author p { margin: .25rem 0 0; color: var(--q2-text-muted); font-size: .92rem; }

/* ===== Фирменный стиль старого aihubcatalog.com: Exo 2, коралловый акцент, тёплый светлый фон ===== */
:root,
:root[data-theme="light"] {
  --pico-font-family-sans-serif: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --pico-font-family-display: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --pico-font-size: 14px;
}
:root[data-theme="light"] {
  --q2-bg: #fffcfc;
  --q2-bg-elev: #ffffff;
  --q2-bg-muted: #fff4f4;
  --q2-text: #2b2b2b;
  --q2-text-strong: #1f1f1f;
  --q2-text-muted: #6b6b6b;
  --q2-nav-bg: rgba(255, 249, 249, 0.92);
  --q2-nav-border: rgba(246, 114, 128, 0.18);
  --q2-divider: rgba(246, 114, 128, 0.16);
  --q2-radius: 8px;
  --q2-radius-md: 8px;
}
h1, h2, h3, h4, h5, h6, .hc-logo { font-weight: 700; }
/* Ссылки в тексте — тёмные, при наведении коралловые (как на старом сайте) */
:root[data-theme="light"] .e-content a:not(.button, [role="button"]),
:root[data-theme="light"] .content a:not(.button, [role="button"]) { color: #232323; }
:root[data-theme="light"] .e-content a:not(.button, [role="button"]):hover,
:root[data-theme="light"] .content a:not(.button, [role="button"]):hover { color: var(--q2-accent); }
:root[data-theme="light"] #footer { background: #fffcfc; }
/* Текст статьи — 16px (остальной сайт 14px) */
.e-content, .e-content p, .e-content li { font-size: 16px; }
/* Ширина строки в статье около 68 знаков; таблицы и картинки на всю колонку */
.e-content > p, .e-content > ul, .e-content > ol, .e-content > blockquote { max-width: 68ch; }
/* Дата в обложке статьи читаема на тёмной картинке */
#blog-hero .blog-date, #blog-hero .blog-date i, #blog-hero .blog-date time { color: #fff; opacity: 1; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
/* Активный пункт меню: коралловый текст и подчёркивание вместо тёмной плашки Quark 2 */
.dropmenu a.active, .dropmenu a.active:hover { background: transparent; color: var(--q2-accent); border-radius: 0; box-shadow: inset 0 -2px 0 var(--q2-accent); }
/* Ссылки подвала в квадратных скобках, как на старом сайте: [ Контакты ] (скобки только в CSS, переводы не меняются) */
#footer .hc-footer nav a::before { content: "[ "; }
#footer .hc-footer nav a::after { content: " ]"; }