/*
Theme Name: Reagistr
Description: Тема сайта reagistr.ru — перенос вёрстки с конструктора Craftum на WordPress.
Version: 1.0.0
Author: Reagistr
Text Domain: reagistr
*/

/* Правила, которые на Craftum лежали инлайном в <head> и в конце <body>. */
.cli-block h1, .cli-block h2, .cli-block h3, .cli-block-title,
.cli-block h4, .cli-block h5, .cli-block h6 {
    font-family: var(--sans-serif);
}

.cli-block {
    font-family: var(--sans-serif);
}

.cli-menu__dropdown a p {
    text-align: left;
}

/* ---------------------------------------------------------------
   Текстовые страницы услуг (те, что писались отдельно, не в конструкторе).
   Палитра взята с сайта: тёмно-синий #0A083A, акцент #293ACC,
   светлый фон блоков #F0F2F6.
   --------------------------------------------------------------- */
.reagistr-article {
    color: #0a083a;
    font-size: 17px;
    line-height: 1.65;
    padding: 48px 0 56px;
}

.reagistr-article h1 {
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.2;
    margin: 0 0 28px;
}

.reagistr-article h2 {
    font-size: clamp(22px, 2.6vw, 30px);
    line-height: 1.3;
    margin: 44px 0 16px;
}

.reagistr-article h3 {
    font-size: clamp(18px, 2vw, 22px);
    margin: 32px 0 12px;
}

.reagistr-article p {
    margin: 0 0 18px;
}

.reagistr-article ul,
.reagistr-article ol {
    margin: 0 0 22px;
    padding-left: 22px;
}

.reagistr-article li {
    margin-bottom: 10px;
}

.reagistr-article a {
    color: #293acc;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.reagistr-article a:hover {
    text-decoration: none;
}

.reagistr-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 26px;
    font-size: 16px;
}

.reagistr-article th,
.reagistr-article td {
    border: 1px solid #e3e6ef;
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
}

.reagistr-article th {
    background: #f0f2f6;
    font-weight: 600;
}

.reagistr-article blockquote {
    margin: 0 0 24px;
    padding: 16px 20px;
    background: #f0f2f6;
    border-left: 3px solid #293acc;
}

/* Таблицы шире экрана не должны распирать страницу на телефоне. */
.reagistr-article .table-scroll {
    overflow-x: auto;
}

@media (max-width: 767px) {
    .reagistr-article {
        font-size: 16px;
        padding: 32px 0 40px;
    }
}

/* ---------------------------------------------------------------
   Выпадающий список услуг в шапке.
   Конструктор ограничивал его высотой 50vh — под свои 12 пунктов,
   половина которых вела в никуда. Пунктов стало 14 (все с адресами),
   и на ноутбуке последние уезжали под обрез. На мобильной вёрстке
   список раскрывается внутри панели меню — там правило не нужно.
   --------------------------------------------------------------- */
@media (min-width: 1024px) {
    /* селекторы повторяют конструкторские: у тех специфичность выше одного класса */
    .cli-block__header-content.horizontal .cli-menu__dropdown,
    .cli-block__header-content.horizontal-max-xl .cli-menu__dropdown,
    .cli-block__header-content.horizontal-max-lg .cli-menu__dropdown,
    .cli-block__header-content.horizontal-max-md .cli-menu__dropdown,
    .cli-block__header-content.horizontal-max-sm .cli-menu__dropdown {
        max-height: 78vh;
    }
}
