/* Плагин «Сайт CMS ARGELIT»: блоки «Скачать CMS», «Демо-доступ», «Текст лицензии» и раздел документации.
   Цвета берутся из темы (переменные «Старта»), у других тем — запасные значения. */

/* Шапка: знак ARGELIT вместо текстового названия (сам текст остаётся для программ чтения с экрана).
   Через .site-header — стили темы подключаются позже и иначе перебили бы эти. */
.site-header .site-title {
    display: inline-flex;
    align-items: center;
    color: transparent;
    font-size: 0;
}

.site-header .site-title::before {
    content: "";
    width: 118px;
    height: 42px;
    background: url("logo.svg") no-repeat left center / contain;
}

.site-header .site-title::after {
    content: "CMS";
    margin: 14px 0 0 8px;
    color: var(--accent, #0066FF);
    font: 700 13px/1 var(--font, sans-serif);
    letter-spacing: .3em;
}

.site-header .site-title:hover {
    color: transparent;
}

@media (prefers-color-scheme: dark) {
    .site-header .site-title::before {
        background-image: url("logo-dark.svg");
    }
}

/* Последний пункт главного меню («Скачать») — кнопкой. */
.primary-menu > .menu-item:last-child > a {
    background: var(--accent, #0066FF);
    color: #fff;
    font-weight: 600;
}

.primary-menu > .menu-item:last-child > a:hover {
    background: var(--accent-hover, #0052CC);
    color: #fff;
}

@media (prefers-color-scheme: dark) {
    .primary-menu > .menu-item:last-child > a {
        background: var(--cover-bg, #0066FF);
    }
}

.argelit-download,
.argelit-demo {
    margin: 2.5rem auto;
    max-width: 760px;
    padding: 2rem;
    border: 1px solid var(--border, #E1E5EC);
    border-radius: var(--radius, 12px);
    background: var(--surface, #F2F4F7);
    text-align: center;
}

.argelit-download__heading,
.argelit-demo__heading {
    margin: 0 0 .5rem;
}

.argelit-download__text,
.argelit-demo__text {
    margin: 0 auto 1.25rem;
    max-width: 560px;
    color: var(--muted, #5e6670);
}

.argelit-download__actions,
.argelit-demo__actions {
    margin: 0 0 .75rem;
}

.argelit-download__button {
    font-size: 1.125rem;
    padding: .9rem 1.75rem;
}

.argelit-download__meta,
.argelit-demo__note {
    margin: 0 0 .75rem;
    font-size: .9rem;
    color: var(--muted, #5e6670);
}

.argelit-download__notes {
    margin: 1rem auto;
    max-width: 600px;
    font-size: .95rem;
}

.argelit-download__details {
    margin: .75rem auto 0;
    max-width: 600px;
    text-align: left;
    font-size: .9rem;
}

.argelit-download__details summary {
    cursor: pointer;
    color: var(--accent, #0066FF);
}

.argelit-download__hash {
    display: block;
    margin-top: .5rem;
    overflow-wrap: anywhere;
    font-family: var(--font-mono, monospace);
}

.argelit-download__versions {
    margin: .5rem 0 0;
    padding-left: 1.25rem;
}

/* Демо-доступ */

.argelit-demo__form {
    margin: 0 auto;
    max-width: 420px;
    text-align: left;
}

.argelit-demo__field label,
.argelit-demo__link label {
    display: block;
    margin-bottom: .3rem;
    font-weight: 600;
}

.argelit-demo__field input,
.argelit-demo__link input {
    box-sizing: border-box;
    width: 100%;
    padding: .7rem .85rem;
    border: 1px solid var(--border, #E1E5EC);
    border-radius: 8px;
    background: var(--bg, #ffffff);
    color: var(--text, #111111);
    font: inherit;
}

.argelit-demo__field input[aria-invalid="true"] {
    border-color: #D92D20;
}

.argelit-demo__consent {
    font-size: .9rem;
}

.argelit-demo__consent input {
    margin-right: .35rem;
}

.argelit-demo__form .argelit-demo__actions {
    text-align: center;
}

.argelit-demo__form button {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.argelit-demo__form .argelit-demo__note {
    text-align: center;
}

/* Ловушка для роботов: людям поле не видно. */
.argelit-demo__hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.argelit-demo__errors {
    margin: 0 0 1rem;
    padding: .75rem 1rem;
    border-radius: 8px;
    background: #FEF3F2;
    color: #B42318;
}

.argelit-demo__errors ul {
    margin: 0;
    padding-left: 1.1rem;
}

.argelit-demo__title {
    margin: 0 0 .5rem;
    font-size: 1.35rem;
    font-weight: 700;
}

.argelit-demo__link {
    margin: 1rem auto 0;
    max-width: 520px;
    text-align: left;
    font-size: .9rem;
}

.argelit-demo__copy-row {
    display: flex;
    gap: .5rem;
}

.argelit-demo__copy-row input {
    flex: 1;
    min-width: 0;
}

.argelit-demo__copy {
    flex: none;
    padding: .7rem 1rem;
    border: 1px solid var(--accent, #0066FF);
    border-radius: 8px;
    background: var(--bg, #ffffff);
    color: var(--accent, #0066FF);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.argelit-demo__copied {
    display: block;
    margin-top: .4rem;
    color: var(--muted, #5e6670);
}

.argelit-demo__notice {
    margin: 0 auto 1rem;
    max-width: 520px;
    padding: .75rem 1rem;
    border-radius: 8px;
    background: var(--accent-soft, #E8F0FF);
    text-align: left;
}

/* Сведения об операторе, контакты, сравнение с другими системами */

.argelit-operator {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--accent, #0066FF);
    border-radius: 0 8px 8px 0;
    background: var(--surface, #F2F4F7);
}

.argelit-operator p {
    margin: 0;
}

.argelit-contacts {
    margin: 1.5rem 0;
}

.argelit-contacts__list {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.argelit-contacts__list li {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    padding: .6rem 0;
    border-bottom: 1px solid var(--border, #E1E5EC);
    font-size: 1.1rem;
}

.argelit-contacts__list span {
    min-width: 6rem;
    color: var(--muted, #5e6670);
}

.argelit-contacts__text,
.argelit-contacts__operator {
    color: var(--muted, #5e6670);
}

.argelit-compare {
    overflow-x: auto;
    margin: 1rem auto 2.5rem;
    max-width: 1000px;
}

.argelit-compare table {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: .95rem;
}

.argelit-compare th,
.argelit-compare td {
    padding: .65rem .8rem;
    border-bottom: 1px solid var(--border, #E1E5EC);
    text-align: left;
    vertical-align: top;
}

.argelit-compare thead th {
    font-weight: 700;
}

.argelit-compare thead th:nth-child(2),
.argelit-compare td:nth-child(2) {
    background: var(--accent-soft, #E8F0FF);
    font-weight: 600;
}

.argelit-compare tbody th {
    color: var(--muted, #5e6670);
    font-weight: 600;
}

/* Документация */

.argelit-docs {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.argelit-docs__nav {
    position: sticky;
    top: 1rem;
    align-self: start;
    font-size: .95rem;
}

.argelit-docs__toc > summary {
    display: none;
}

.argelit-docs__nav-title {
    margin: 0 0 .5rem;
    font-weight: 700;
}

.argelit-docs__nav ul + .argelit-docs__nav-title {
    margin-top: 1.25rem;
}

.argelit-docs__nav-title a {
    color: inherit;
    text-decoration: none;
}

.argelit-docs__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.argelit-docs__nav li a {
    display: block;
    padding: .35rem .6rem;
    border-radius: 6px;
    color: var(--text, #111111);
    text-decoration: none;
}

.argelit-docs__nav li a:hover {
    background: var(--surface, #F2F4F7);
}

.argelit-docs__nav li a.is-current {
    background: var(--accent-soft, #E8F0FF);
    color: var(--accent-hover, #0052CC);
    font-weight: 600;
}

/* «← Назад / Дальше →» внизу раздела */
.argelit-docs__pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border, #E1E5EC);
}

.argelit-docs__pager a {
    display: flex;
    flex-direction: column;
    max-width: 48%;
    text-decoration: none;
}

.argelit-docs__pager a.is-next {
    margin-left: auto;
    text-align: right;
}

.argelit-docs__pager span {
    color: var(--muted, #5e6670);
    font-size: .85rem;
}

/* Значки «#» у заголовков: видны на телефоне и при фокусе */
@media (hover: none) {
    .argelit-docs__anchor {
        opacity: .5;
    }
}

.argelit-docs__content {
    min-width: 0;
}

.argelit-docs__content h1 {
    margin-top: 0;
}

.argelit-docs__anchor {
    margin-left: .4rem;
    color: var(--muted, #5e6670);
    text-decoration: none;
    opacity: 0;
}

.argelit-docs__content :is(h2, h3):hover .argelit-docs__anchor,
.argelit-docs__anchor:focus {
    opacity: 1;
}

.argelit-docs__content table {
    display: block;
    overflow-x: auto;
    width: 100%;
    border-collapse: collapse;
    font-size: .92rem;
}

.argelit-docs__content th,
.argelit-docs__content td {
    padding: .45rem .65rem;
    border: 1px solid var(--border, #E1E5EC);
    text-align: left;
    vertical-align: top;
}

/* Длинные имена функций в таблицах переносятся, а колонка описания не сжимается до одного слова. */
.argelit-docs__content td code {
    overflow-wrap: anywhere;
}

.argelit-docs__content td:last-child {
    min-width: 12rem;
}

.argelit-docs__content :is(h1, h2) {
    line-height: 1.3;
}

.argelit-docs__content pre {
    overflow-x: auto;
    padding: 1rem;
    border-radius: 8px;
    background: var(--surface, #F2F4F7);
    font-size: .88rem;
}

.argelit-docs__file {
    margin: .5rem 0;
}

.argelit-docs__file summary {
    cursor: pointer;
}

@media (max-width: 860px) {
    .argelit-docs {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .argelit-docs__nav {
        position: static;
    }

    /* На телефоне оглавление — раскрывающийся список над текстом. */
    .argelit-docs__toc {
        padding: .75rem 1rem;
        border: 1px solid var(--border, #E1E5EC);
        border-radius: 8px;
    }

    .argelit-docs__toc > summary {
        display: list-item;
        cursor: pointer;
        font-weight: 700;
    }

    .argelit-docs__toc[open] > summary {
        margin-bottom: .75rem;
    }

    .argelit-docs__pager a {
        max-width: 100%;
    }

    .argelit-download,
    .argelit-demo {
        padding: 1.5rem 1rem;
    }
}