/*
 Theme Name:   zashita-ot-botov-theme-child
 Theme URI:
 Description:
 Author:       admin
 Author URI:   http://zashita-ot-botov.ru
 Template:     astra
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==========================================================================
   CRONARMOR — страницы услуг
   Базовый корневой CSS-класс: cronarmor-parser-page
   ========================================================================== */


/* --------------------------------------------------------------------------
   Плавные hover-переходы
   -------------------------------------------------------------------------- */

.cronarmor-parser-page a,
.cronarmor-parser-page .elementor-button,
.cronarmor-parser-page .elementor-icon-box-title,
.cronarmor-parser-page .elementor-icon-box-title a {
    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease;
}


/* --------------------------------------------------------------------------
   Ссылки и заголовки карточек при наведении
   -------------------------------------------------------------------------- */

.cronarmor-parser-page a:hover,
.cronarmor-parser-page .elementor-icon-box-title:hover,
.cronarmor-parser-page .elementor-icon-box-title a:hover {
    color: #BA964D !important;
}


/* --------------------------------------------------------------------------
   Кнопки CRONARMOR
   Класс виджета кнопки: cronarmor-btn
   -------------------------------------------------------------------------- */

.cronarmor-parser-page .cronarmor-btn .elementor-button:hover {
    color: #BA964D !important;
    background-color: #FFFFFF !important;
    border-color: #BA964D !important;
}


/* --------------------------------------------------------------------------
   Карточки с иконками
   Класс: cronarmor-iconbox
   -------------------------------------------------------------------------- */

.cronarmor-parser-page .cronarmor-iconbox:hover .elementor-icon-box-title,
.cronarmor-parser-page .cronarmor-iconbox:hover .elementor-icon-box-title a {
    color: #BA964D !important;
}


/* --------------------------------------------------------------------------
   Ссылки внутри текстовых блоков
   Класс текстового виджета: cronarmor-text
   -------------------------------------------------------------------------- */

.cronarmor-parser-page .cronarmor-text a {
    color: #2B2928;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cronarmor-parser-page .cronarmor-text a:hover {
    color: #BA964D !important;
}


/* --------------------------------------------------------------------------
   Маркированные списки
   -------------------------------------------------------------------------- */

.cronarmor-parser-page ul {
    margin: 0;
    padding-left: 20px;
}

.cronarmor-parser-page li {
    margin: 0 0 7px 0;
}


/* ==========================================================================
   CRONARMOR — POPUP
   ID 832  — "Заказать защиту сайта"
   ID 1346 — "Подбор тарифа"
   ========================================================================== */


/* --------------------------------------------------------------------------
   Убираем стандартную оболочку Elementor
   -------------------------------------------------------------------------- */

#elementor-popup-modal-832 .dialog-widget-content,
#elementor-popup-modal-1346 .dialog-widget-content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;

    border-radius: 18px !important;
    overflow: hidden !important;
}


/* --------------------------------------------------------------------------
   Убираем фон и внутренние отступы области сообщения
   -------------------------------------------------------------------------- */

#elementor-popup-modal-832 .dialog-message,
#elementor-popup-modal-1346 .dialog-message {
    background: transparent !important;
    padding: 0 !important;

    border-radius: 18px !important;
    overflow: hidden !important;
}


/* --------------------------------------------------------------------------
   Прозрачный фон самого Elementor-шаблона
   -------------------------------------------------------------------------- */

#elementor-popup-modal-832 .elementor-832,
#elementor-popup-modal-1346 .elementor-1346 {
    background: transparent !important;
}


/* --------------------------------------------------------------------------
   Гарантированно обрезаем содержимое popup по радиусу
   -------------------------------------------------------------------------- */

#elementor-popup-modal-832 [data-elementor-type="popup"],
#elementor-popup-modal-1346 [data-elementor-type="popup"] {
    border-radius: 18px !important;
    overflow: hidden !important;
}


/* --------------------------------------------------------------------------
   Адаптивная ширина popup
   -------------------------------------------------------------------------- */

#elementor-popup-modal-832 .dialog-widget-content,
#elementor-popup-modal-1346 .dialog-widget-content {
    width: 820px !important;
    max-width: calc(100vw - 40px) !important;
}

#elementor-popup-modal-832 .dialog-message,
#elementor-popup-modal-1346 .dialog-message {
    width: 100% !important;
    max-width: none !important;
}


@media (max-width: 767px) {

    #elementor-popup-modal-832 .dialog-widget-content,
    #elementor-popup-modal-1346 .dialog-widget-content {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
    }

}


/* ==========================================================================
   CRONARMOR — главное меню
   ========================================================================== */

.cronarmor-main-menu a.elementor-button,
.cronarmor-main-menu .elementor-button {
    color: #2B2928 !important;
    background-color: #FFFFFF !important;
    border-color: #D8D2CA !important;

    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease;
}


.cronarmor-main-menu a.elementor-button:hover,
.cronarmor-main-menu .elementor-button:hover {
    color: #BA964D !important;
    background-color: #FFFFFF !important;
    border-color: #BA964D !important;
}


.cronarmor-main-menu a.elementor-button.cronarmor-current,
.cronarmor-main-menu a.cronarmor-current {
    color: #FFFFFF !important;
    background-color: #2B2928 !important;
    border-color: #2B2928 !important;
}


.cronarmor-main-menu a.cronarmor-current .elementor-button {
    color: #FFFFFF !important;
    background-color: #2B2928 !important;
    border-color: #2B2928 !important;
}


.cronarmor-main-menu a.elementor-button.cronarmor-current:hover,
.cronarmor-main-menu a.cronarmor-current:hover,
.cronarmor-main-menu a.cronarmor-current .elementor-button:hover {
    color: #BA964D !important;
    background-color: #2B2928 !important;
    border-color: #2B2928 !important;
}


/* ==========================================================================
   CRONARMOR — База знаний / статьи WordPress
   ========================================================================== */

body.single-post {
    --ca-dark: #2B2928;
    --ca-gold: #BA964D;
    --ca-white: #FFFFFF;
    --ca-bg: #F3F3F3;
    --ca-soft: #F8F6F3;
    --ca-border: #E2E2E2;
    --ca-border-warm: #D8D2CA;
    --ca-text: #4F4B48;
    --ca-muted: #7B7672;

    background: var(--ca-bg);
}


/* ==========================================================================
   ОСНОВНАЯ ОБЛАСТЬ СТАТЬИ
   ========================================================================== */

body.single-post .site-content {
    padding-top: 28px;
    padding-bottom: 48px;
}


body.single-post .site-content > .ast-container {
    max-width: 1180px;

    padding-left: 20px;
    padding-right: 20px;
}


/* Основная белая карточка обычной записи */

body.single-post article.ast-article-single,
body.single-post article.post {
    overflow: hidden;

    margin: 0 auto;
    padding: 46px 54px 54px;

    background: var(--ca-white);

    border: 1px solid var(--ca-border);
    border-radius: 18px;

    box-shadow:
        0 12px 38px rgba(43, 41, 40, 0.055);
}


/* ==========================================================================
   ШАПКА СТАТЬИ
   ========================================================================== */

body.single-post .entry-header {
    max-width: 900px;

    margin: 0 auto 34px;
    padding-bottom: 28px;

    border-bottom: 1px solid var(--ca-border);
}


/* Метка "База знаний" */

body.single-post .entry-header::before {
    content: "CRONARMOR / БАЗА ЗНАНИЙ";

    display: inline-flex;
    align-items: center;

    margin-bottom: 17px;
    padding: 7px 12px;

    color: var(--ca-gold);
    background: var(--ca-soft);

    border: 1px solid rgba(186, 150, 77, 0.32);
    border-radius: 999px;

    font-family: "Exo 2", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}


/* H1 стандартной записи */

body.single-post .entry-title {
    margin: 0;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -0.018em;
}


/* Мета-информация */

body.single-post .entry-meta {
    margin-top: 14px;

    color: var(--ca-muted);

    font-size: 13px;
    line-height: 1.5;
}


body.single-post .entry-meta a {
    color: var(--ca-muted);
    text-decoration: none;
}


body.single-post .entry-meta a:hover {
    color: var(--ca-gold);
}


/* ==========================================================================
   ОСНОВНОЙ ТЕКСТ
   ========================================================================== */

body.single-post .entry-content {
    max-width: 900px;

    margin: 0 auto;

    color: var(--ca-text);

    font-family: "Exo 2", sans-serif;
    font-size: 17px;
    line-height: 1.78;
}


body.single-post .entry-content p {
    margin: 0 0 22px;
}


body.single-post .entry-content > p:first-child {
    color: #44403D;

    font-size: 19px;
    line-height: 1.7;
}


/* ==========================================================================
   ЗАГОЛОВКИ СТАНДАРТНЫХ ЗАПИСЕЙ
   ========================================================================== */

body.single-post .entry-content h2 {
    position: relative;

    margin: 48px 0 20px;
    padding-left: 17px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: clamp(25px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.012em;
}


body.single-post .entry-content h2::before {
    content: "";

    position: absolute;
    top: 0.16em;
    bottom: 0.14em;
    left: 0;

    width: 4px;

    background: var(--ca-gold);

    border-radius: 999px;
}


body.single-post .entry-content h3 {
    margin: 34px 0 15px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}


body.single-post .entry-content h4 {
    margin: 28px 0 12px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}


/* ==========================================================================
   ССЫЛКИ
   ========================================================================== */

body.single-post .entry-content a {
    color: var(--ca-dark);

    text-decoration-color: rgba(186, 150, 77, 0.75);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    transition:
        color 0.18s ease,
        text-decoration-color 0.18s ease;
}


body.single-post .entry-content a:hover {
    color: var(--ca-gold);
    text-decoration-color: var(--ca-gold);
}


/* ==========================================================================
   СПИСКИ
   ========================================================================== */

body.single-post .entry-content ul,
body.single-post .entry-content ol {
    margin: 0 0 24px;

    padding-left: 27px;
}


body.single-post .entry-content li {
    margin-bottom: 9px;

    padding-left: 3px;
}


body.single-post .entry-content li::marker {
    color: var(--ca-gold);

    font-weight: 700;
}


/* ==========================================================================
   ЦИТАТЫ
   ========================================================================== */

body.single-post .entry-content blockquote,
body.single-post .entry-content .wp-block-quote {
    margin: 30px 0;

    padding: 21px 24px;

    color: var(--ca-dark);
    background: var(--ca-soft);

    border: 1px solid var(--ca-border-warm);
    border-left: 4px solid var(--ca-gold);
    border-radius: 10px;
}


body.single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
}


body.single-post .entry-content blockquote cite {
    display: block;

    margin-top: 12px;

    color: var(--ca-muted);

    font-size: 13px;
    font-style: normal;
}


/* ==========================================================================
   ИЗОБРАЖЕНИЯ
   ========================================================================== */

body.single-post .entry-content img {
    max-width: 100%;
    height: auto;

    border-radius: 12px;
}


body.single-post .entry-content figure {
    margin-top: 30px;
    margin-bottom: 30px;
}


body.single-post .entry-content .wp-block-image {
    margin-top: 30px;
    margin-bottom: 30px;
}


body.single-post .entry-content figcaption {
    margin-top: 9px;

    color: var(--ca-muted);

    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}


/* ==========================================================================
   ТАБЛИЦЫ
   ========================================================================== */

body.single-post .entry-content .wp-block-table {
    overflow-x: auto;

    margin: 30px 0;

    border: 1px solid var(--ca-border);
    border-radius: 10px;
}


body.single-post .entry-content table {
    width: 100%;

    margin: 0;

    border-collapse: collapse;

    background: var(--ca-white);

    font-size: 15px;
    line-height: 1.5;
}


body.single-post .entry-content th {
    padding: 13px 15px;

    color: var(--ca-dark);
    background: var(--ca-soft);

    border: 1px solid var(--ca-border);

    font-weight: 700;
    text-align: left;
}


body.single-post .entry-content td {
    padding: 13px 15px;

    border: 1px solid var(--ca-border);

    vertical-align: top;
}


/* ==========================================================================
   КОД
   ========================================================================== */

body.single-post .entry-content code {
    padding: 2px 6px;

    color: var(--ca-dark);
    background: var(--ca-soft);

    border: 1px solid var(--ca-border);
    border-radius: 5px;

    font-family:
        Consolas,
        Monaco,
        "Courier New",
        monospace;

    font-size: 0.88em;
}


body.single-post .entry-content pre,
body.single-post .entry-content .wp-block-code,
body.single-post .entry-content .wp-block-preformatted {
    overflow-x: auto;

    margin: 28px 0;
    padding: 20px 22px;

    color: #F5F3EF;
    background: var(--ca-dark);

    border: 1px solid #45413E;
    border-radius: 10px;

    font-family:
        Consolas,
        Monaco,
        "Courier New",
        monospace;

    font-size: 14px;
    line-height: 1.65;
}


body.single-post .entry-content pre code,
body.single-post .entry-content .wp-block-code code {
    padding: 0;

    color: inherit;
    background: transparent;

    border: 0;
}


/* ==========================================================================
   РАЗДЕЛИТЕЛИ
   ========================================================================== */

body.single-post .entry-content hr,
body.single-post .entry-content .wp-block-separator {
    width: 100%;

    margin: 40px 0;

    border: 0;
    border-top: 1px solid var(--ca-border);
}


/* ==========================================================================
   КНОПКИ GUTENBERG
   ========================================================================== */

body.single-post .entry-content .wp-block-button__link {
    padding: 12px 20px;

    color: #FFFFFF !important;
    background: var(--ca-dark);

    border: 1px solid var(--ca-dark);
    border-radius: 8px;

    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease;
}


body.single-post .entry-content .wp-block-button__link:hover {
    color: var(--ca-gold) !important;
    background: var(--ca-dark);

    border-color: var(--ca-dark);
}


/* ==========================================================================
   СПЕЦИАЛЬНЫЕ БЛОКИ
   ========================================================================== */

body.single-post .entry-content .ca-note {
    margin: 30px 0;

    padding: 20px 22px;

    background: var(--ca-soft);

    border: 1px solid var(--ca-border-warm);
    border-left: 4px solid var(--ca-gold);
    border-radius: 10px;
}


body.single-post .entry-content .ca-note > *:last-child {
    margin-bottom: 0;
}


body.single-post .entry-content .ca-summary {
    margin: 34px 0;

    padding: 23px 25px;

    color: var(--ca-dark);
    background: #FFFFFF;

    border: 1px solid rgba(186, 150, 77, 0.55);
    border-radius: 12px;

    box-shadow:
        0 9px 28px rgba(43, 41, 40, 0.05);
}


body.single-post .entry-content .ca-summary > *:last-child {
    margin-bottom: 0;
}


body.single-post .entry-content .ca-cta {
    margin: 42px 0 20px;

    padding: 28px 30px;

    color: #FFFFFF;
    background: var(--ca-dark);

    border: 1px solid var(--ca-dark);
    border-radius: 14px;
}


body.single-post .entry-content .ca-cta h2,
body.single-post .entry-content .ca-cta h3 {
    margin-top: 0;

    padding-left: 0;

    color: #FFFFFF;
}


body.single-post .entry-content .ca-cta h2::before {
    display: none;
}


body.single-post .entry-content .ca-cta p {
    color: #D8D4D0;
}


body.single-post .entry-content .ca-cta a:not(.wp-block-button__link) {
    color: var(--ca-gold);
}


/* ==========================================================================
   КАТЕГОРИИ / ТЕГИ
   ========================================================================== */

body.single-post .entry-footer {
    max-width: 900px;

    margin: 38px auto 0;
    padding-top: 22px;

    color: var(--ca-muted);

    border-top: 1px solid var(--ca-border);

    font-size: 13px;
}


body.single-post .entry-footer a {
    color: var(--ca-dark);

    text-decoration: none;
}


body.single-post .entry-footer a:hover {
    color: var(--ca-gold);
}


/* ==========================================================================
   НАВИГАЦИЯ
   ========================================================================== */

body.single-post .post-navigation {
    max-width: 1080px;

    margin: 22px auto 0;
    padding: 0;
}


body.single-post .post-navigation .nav-links {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;
}


body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next {
    padding: 17px 19px;

    background: #FFFFFF;

    border: 1px solid var(--ca-border);
    border-radius: 10px;
}


body.single-post .post-navigation a {
    color: var(--ca-dark);

    text-decoration: none;
}


body.single-post .post-navigation a:hover {
    color: var(--ca-gold);
}


/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ ОБЫЧНЫХ ЗАПИСЕЙ
   ========================================================================== */

@media (max-width: 767px) {

    body.single-post .site-content {
        padding-top: 14px;
        padding-bottom: 28px;
    }


    body.single-post .site-content > .ast-container {
        padding-left: 10px;
        padding-right: 10px;
    }


    body.single-post article.ast-article-single,
    body.single-post article.post {
        padding: 26px 18px 32px;

        border-radius: 13px;
    }


    body.single-post .entry-header {
        margin-bottom: 27px;
        padding-bottom: 22px;
    }


    body.single-post .entry-title {
        font-size: 30px;
        line-height: 1.17;
    }


    body.single-post .entry-content {
        font-size: 16px;
        line-height: 1.72;
    }


    body.single-post .entry-content > p:first-child {
        font-size: 17px;
    }


    body.single-post .entry-content h2 {
        margin-top: 38px;

        font-size: 25px;
    }


    body.single-post .entry-content h3 {
        margin-top: 29px;

        font-size: 20px;
    }


    body.single-post .entry-content .ca-cta {
        padding: 22px 18px;
    }


    body.single-post .post-navigation .nav-links {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   CRONARMOR — статьи WordPress, созданные через Elementor

   Стили применяются только к:
   data-elementor-type="wp-post"

   Обычные страницы Elementor, страницы услуг,
   header, footer и popup не затрагиваются.
   ========================================================================== */


/* ==========================================================================
   ОСНОВНАЯ ELEMENTOR-ОБЛАСТЬ
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] {
    max-width: 1180px;

    margin: 0 auto;
    padding: 46px 54px 54px;

    color: var(--ca-text);
    background: var(--ca-white);

    border: 1px solid var(--ca-border);
    border-radius: 18px;

    box-shadow:
        0 12px 38px rgba(43, 41, 40, 0.055);

    font-family: "Exo 2", sans-serif;
    font-size: 17px;
    line-height: 1.78;
}


/* Ограничение ширины содержимого */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] > .e-con {
    max-width: 900px;

    margin-left: auto;
    margin-right: auto;
}


/* ==========================================================================
   АБЗАЦЫ
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] p {
    margin: 0 0 22px;
}


/* ==========================================================================
   H1
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] h1 {
    margin: 0 0 24px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.012em;
}


/* ==========================================================================
   H2
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] h2 {
    position: relative;

    margin: 40px 0 18px;
    padding-left: 15px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}


/* Золотая полоска */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] h2::before {
    content: "";

    position: absolute;
    top: 0.16em;
    bottom: 0.14em;
    left: 0;

    width: 4px;

    background: var(--ca-gold);

    border-radius: 999px;
}


/* ==========================================================================
   H3
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] h3 {
    margin: 30px 0 13px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
}


/* ==========================================================================
   H4
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] h4 {
    margin: 25px 0 11px;

    color: var(--ca-dark);

    font-family: "Exo 2", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0;
}


/* ==========================================================================
   ССЫЛКИ
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] a {
    color: var(--ca-dark);

    text-decoration-color: rgba(186, 150, 77, 0.75);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    transition:
        color 0.18s ease,
        text-decoration-color 0.18s ease;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] a:hover {
    color: var(--ca-gold);

    text-decoration-color: var(--ca-gold);
}


/* ==========================================================================
   СПИСКИ
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] ul,

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] ol {
    margin: 0 0 24px;

    padding-left: 27px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] li {
    margin-bottom: 9px;

    padding-left: 3px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] li::marker {
    color: var(--ca-gold);

    font-weight: 700;
}


/* ==========================================================================
   ИЗОБРАЖЕНИЯ
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] img {
    max-width: 100%;
    height: auto;

    border-radius: 12px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] figure,

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .wp-block-image {
    margin-top: 30px;
    margin-bottom: 30px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] figcaption {
    margin-top: 9px;

    color: var(--ca-muted);

    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}


/* ==========================================================================
   ТАБЛИЦЫ
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .wp-block-table {
    overflow-x: auto;

    margin: 30px 0;

    border: 1px solid var(--ca-border);
    border-radius: 10px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] table {
    width: 100%;

    margin: 0;

    border-collapse: collapse;

    background: var(--ca-white);

    font-size: 15px;
    line-height: 1.5;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] th {
    padding: 13px 15px;

    color: var(--ca-dark);
    background: var(--ca-soft);

    border: 1px solid var(--ca-border);

    font-weight: 700;
    text-align: left;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] td {
    padding: 13px 15px;

    border: 1px solid var(--ca-border);

    vertical-align: top;
}


/* ==========================================================================
   ИНФОРМАЦИОННЫЙ БЛОК
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-note {
    margin: 30px 0;

    padding: 20px 22px;

    background: var(--ca-soft);

    border: 1px solid var(--ca-border-warm);
    border-left: 4px solid var(--ca-gold);
    border-radius: 10px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-note > *:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   АКЦЕНТНЫЙ БЛОК
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-summary {
    margin: 34px 0;

    padding: 23px 25px;

    color: var(--ca-dark);
    background: #FFFFFF;

    border: 1px solid rgba(186, 150, 77, 0.55);
    border-radius: 12px;

    box-shadow:
        0 9px 28px rgba(43, 41, 40, 0.05);
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-summary > *:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   CTA
   ========================================================================== */

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-cta {
    margin: 42px 0 20px;

    padding: 28px 30px;

    color: #FFFFFF;
    background: var(--ca-dark);

    border: 1px solid var(--ca-dark);
    border-radius: 14px;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-cta h2,

body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-cta h3 {
    margin-top: 0;

    padding-left: 0;

    color: #FFFFFF;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-cta h2::before {
    display: none;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-cta p {
    color: #D8D4D0;
}


body.single-post
.site-content > .ast-container >
.elementor[data-elementor-type="wp-post"] .ca-cta a {
    color: var(--ca-gold);
}


/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ ELEMENTOR-СТАТЕЙ
   ========================================================================== */

@media (max-width: 767px) {

    body.single-post
    .site-content > .ast-container >
    .elementor[data-elementor-type="wp-post"] {
        padding: 26px 18px 32px;

        border-radius: 13px;

        font-size: 16px;
        line-height: 1.72;
    }


    /* H1 */

    body.single-post
    .site-content > .ast-container >
    .elementor[data-elementor-type="wp-post"] h1 {
        margin-bottom: 20px;

        font-size: 26px;
        line-height: 1.25;
    }


    /* H2 */

    body.single-post
    .site-content > .ast-container >
    .elementor[data-elementor-type="wp-post"] h2 {
        margin-top: 34px;
        margin-bottom: 15px;

        font-size: 23px;
        line-height: 1.32;
    }


    /* H3 */

    body.single-post
    .site-content > .ast-container >
    .elementor[data-elementor-type="wp-post"] h3 {
        margin-top: 27px;
        margin-bottom: 12px;

        font-size: 19px;
        line-height: 1.4;
    }


    /* H4 */

    body.single-post
    .site-content > .ast-container >
    .elementor[data-elementor-type="wp-post"] h4 {
        margin-top: 23px;
        margin-bottom: 10px;

        font-size: 17px;
        line-height: 1.4;
    }


    /* CTA */

    body.single-post
    .site-content > .ast-container >
    .elementor[data-elementor-type="wp-post"] .ca-cta {
        padding: 22px 18px;
    }
}