/*
Theme Name: Scape Child
Description: Child theme for Scape
Template: scape
Version: 1.0.0
Text Domain: scape-child
*/


/* ==========================================================================
   01. Legacy / site-wide helpers
   ========================================================================== */

.background_white {
    background-color: white;
}

.padding_5 {
    padding: 5px;
}

.margin_top_15 {
    margin-top: 15px;
}

@media screen and (max-width: 1100px) {
    #header-wrapper-mobile {
        display: block !important;
    }

    #header-wrapper {
        display: none !important;
    }
}

.wp_bitrix_open_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_bitrix_open_btn {
    display: inline-block;
    margin-right: 15px;
    padding: 0 2.2em;
    border: 0;
    border-radius: 5em;

    background-color: #e62a1f;
    color: #fff;

    font-size: .928571em;
    font-weight: 600;
    line-height: 3.8em;
}

.b24-form-control-container input[type="checkbox"] {
    position: relative !important;
    top: 0;
    left: 0 !important;
    visibility: visible !important;
}

.b24-form-field-agreement-link {
    white-space: normal;
}

.b24-window-mounts {
    position: absolute;
    z-index: 10000000;
}

@media screen and (max-width: 600px) {
    .wp_bitrix_open_btn_wrap {
        flex-direction: column;
    }

    .wp_bitrix_open_btn {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .wp_address_white_space span.wtbx_button_inner {
        white-space: normal !important;
    }
}


/* ==========================================================================
   02. Dark theme — design tokens
   ========================================================================== */

body.dark-theme {
    --dark-accent: #ff6557;
    --dark-accent-warm: #ff8c5a;

    --dark-bg: #171a22;
    --dark-bg-alt: #1d222c;
    --dark-bg-workflow: #181b24;
    --dark-bg-mid: #242936;

    --dark-surface: #252a34;
    --dark-surface-active: #292e39;
    --dark-surface-tab: #2c323e;

    --dark-text: #f2f3f7;
    --dark-muted: #aeb5c2;

    --dark-gradient:
        linear-gradient(
            135deg,
            var(--dark-accent),
            var(--dark-accent-warm)
        );
}


/* ==========================================================================
   03. Theme switcher
   ========================================================================== */

/*
 * functions.php переносит одну кнопку в активный desktop/mobile header.
 */

#theme-toggle {
    position: absolute;
    top: 50%;
    right: 24px;
    z-index: 99999;

    width: 46px;
    height: 30px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 999px;

    background-color: #172033;
    color: #fff;

    cursor: pointer;
    transform: translateY(-50%);

    transition:
        background-color .3s ease,
        color .3s ease,
        transform .15s ease,
        box-shadow .3s ease;
}

.theme-toggle-icon {
    font-size: 18px;
    line-height: 1;
}

#theme-toggle:active {
    transform: translateY(-50%) scale(.92);
}

body.dark-theme #theme-toggle {
    background-color: #9bc9e8;
    color: #172033;
}

#theme-toggle.is-switching.to-dark {
    box-shadow:
        0 0 0 3px rgba(120, 155, 205, .08),
        0 0 12px rgba(100, 140, 200, .18);
}

#theme-toggle.is-switching.to-light {
    box-shadow:
        0 0 0 5px rgba(255, 184, 92, .14),
        0 0 26px rgba(255, 184, 92, .46);
}

#theme-toggle.is-switching .theme-toggle-icon {
    animation: theme-icon-switch .55s ease;
}

@keyframes theme-icon-switch {
    0% {
        transform: scale(1) rotate(0deg);
    }

    45% {
        transform: scale(.55) rotate(-18deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

@media screen and (max-width: 1100px) {
    #theme-toggle {
        right: 14px;
    }
}


/* Theme transition overlay */

#theme-transition-overlay {
    position: fixed;
    inset: 0;
    z-index: 99998;

    pointer-events: none;
    opacity: 0;

    transition: opacity .42s ease;
}

#theme-transition-overlay.to-dark {
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(120, 155, 205, .08),
            rgba(13, 17, 28, .76) 42%,
            rgba(8, 11, 19, .92) 100%
        );
}

#theme-transition-overlay.to-light {
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(255, 211, 115, .55),
            rgba(229, 240, 250, .38) 45%,
            rgba(255, 255, 255, .20) 100%
        );
}

#theme-transition-overlay.is-active {
    opacity: 1;
}


/* ==========================================================================
   04. Reusable WPBakery dark-mode classes
   ========================================================================== */

/*
 * Основные классы для всех следующих страниц:
 *
 *   dark-section
 *   dark-section-alt
 *   dark-section-mid
 *
 *   dark-accent-text
 *   dark-accent-line
 *
 *   dark-btn-sunset
 *   dark-btn-surface
 *   dark-btn-surface-hover
 *   dark-btn-surface-arrow
 *
 *   dark-divider-base
 *   dark-divider-alt
 *   dark-divider-mid
 */


/* --------------------------------------------------------------------------
   04.1. Accent text / divider
   -------------------------------------------------------------------------- */

body.dark-theme .dark-accent-text,
body.dark-theme .dark-accent-text p,
body.dark-theme .dark-accent-text span,
body.dark-theme .dark-accent-text .wtbx_text_element_inner {
    color: var(--dark-accent) !important;
}

body.dark-theme .dark-accent-line .wtbx_vc_divider_inner {
    border-color: var(--dark-accent) !important;
    border-top-color: var(--dark-accent) !important;
}

.dark-accent-text,
.dark-accent-text p,
.dark-accent-line .wtbx_vc_divider_inner {
    transition:
        color .5s ease,
        border-color .5s ease,
        background-color .5s ease;
}


/* --------------------------------------------------------------------------
   04.2. Generic sections
   -------------------------------------------------------------------------- */

/* Base */

body.dark-theme .dark-section,
body.dark-theme .dark-section .wtbx_section_bg,
body.dark-theme .dark-section .wtbx_section_bg_inner,
body.dark-theme .dark-section > .wtbx_row_bg,
body.dark-theme .dark-section > .wtbx_row_bg_inner {
    background-color: var(--dark-bg) !important;
}

/* Alternate */

body.dark-theme .dark-section-alt,
body.dark-theme .dark-section-alt .wtbx_section_bg,
body.dark-theme .dark-section-alt .wtbx_section_bg_inner,
body.dark-theme .dark-section-alt > .wtbx_row_bg,
body.dark-theme .dark-section-alt > .wtbx_row_bg_inner {
    background-color: var(--dark-bg-alt) !important;
}

/* Intermediate */

body.dark-theme .dark-section-mid,
body.dark-theme .dark-section-mid .wtbx_section_bg,
body.dark-theme .dark-section-mid .wtbx_section_bg_inner,
body.dark-theme .dark-section-mid > .wtbx_row_bg,
body.dark-theme .dark-section-mid > .wtbx_row_bg_inner {
    background-color: var(--dark-bg-mid) !important;
}

/* Common typography */

body.dark-theme .dark-section .wtbx_heading_el_title,
body.dark-theme .dark-section-alt .wtbx_heading_el_title,
body.dark-theme .dark-section-mid .wtbx_heading_el_title {
    color: var(--dark-text) !important;
}

body.dark-theme .dark-section .wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme .dark-section .wtbx_vc_text_element:not(.dark-accent-text) p,
body.dark-theme .dark-section-alt .wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme .dark-section-alt .wtbx_vc_text_element:not(.dark-accent-text) p,
body.dark-theme .dark-section-mid .wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme .dark-section-mid .wtbx_vc_text_element:not(.dark-accent-text) p {
    color: var(--dark-muted) !important;
}


/* --------------------------------------------------------------------------
   04.3. Generic buttons
   -------------------------------------------------------------------------- */

/*
 * dark-btn-sunset
 * Extra class ставится на WPBakery Button или на его непосредственный wrapper.
 */

body.dark-theme .dark-btn-sunset.wtbx-button,
body.dark-theme .dark-btn-sunset .wtbx-button,
body.dark-theme .dark-btn-sunset.wtbx-button-arrow,
body.dark-theme .dark-btn-sunset .wtbx-button-arrow,
body.dark-theme .dark-btn-sunset.wp_bitrix_open_btn,
body.dark-theme .dark-btn-sunset .wp_bitrix_open_btn {
    background: var(--dark-gradient) !important;
    color: #fff !important;

    box-shadow:
        0 6px 20px rgba(255, 101, 87, .16);

    transition:
        background .5s ease,
        box-shadow .5s ease,
        transform .2s ease;
}

body.dark-theme .dark-btn-sunset .wtbx_button_inner,
body.dark-theme .dark-btn-sunset.wtbx-button .wtbx_button_inner,
body.dark-theme .dark-btn-sunset.wtbx-button-arrow .wtbx_button_inner {
    color: #fff !important;
}


/* dark-btn-surface */

body.dark-theme .dark-btn-surface.wtbx-button,
body.dark-theme .dark-btn-surface .wtbx-button,
body.dark-theme .dark-btn-surface.wtbx-button-arrow,
body.dark-theme .dark-btn-surface .wtbx-button-arrow {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, .18);
}

body.dark-theme .dark-btn-surface .wtbx_button_inner,
body.dark-theme .dark-btn-surface.wtbx-button .wtbx_button_inner,
body.dark-theme .dark-btn-surface.wtbx-button-arrow .wtbx_button_inner {
    color: var(--dark-text) !important;
}


/*
 * dark-btn-surface-hover
 * Серый в dark mode, на hover — тёплый оранжевый.
 * Класс можно ставить на сам Button или его WPBakery wrapper.
 */

body.dark-theme .dark-btn-surface-hover.wtbx-button,
body.dark-theme .dark-btn-surface-hover .wtbx-button,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow {
    background: var(--dark-surface) !important;
    border-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, .18);

    transition:
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}

body.dark-theme .dark-btn-surface-hover .wtbx_button_inner,
body.dark-theme .dark-btn-surface-hover.wtbx-button .wtbx_button_inner,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow .wtbx_button_inner {
    color: var(--dark-text) !important;
}

/* Scape может рисовать белую заливку отдельным слоем/pseudo-element. */
body.dark-theme .dark-btn-surface-hover .wtbx-button::before,
body.dark-theme .dark-btn-surface-hover .wtbx-button::after,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow::before,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow::after,
body.dark-theme .dark-btn-surface-hover .wtbx_button_wrapper::before,
body.dark-theme .dark-btn-surface-hover .wtbx_button_wrapper::after,
body.dark-theme .dark-btn-surface-hover .wtbx_button_inner::before,
body.dark-theme .dark-btn-surface-hover .wtbx_button_inner::after,
body.dark-theme .dark-btn-surface-hover.wtbx-button::before,
body.dark-theme .dark-btn-surface-hover.wtbx-button::after,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow::before,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow::after {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-surface) !important;
}

body.dark-theme .dark-btn-surface-hover.wtbx-button:hover,
body.dark-theme .dark-btn-surface-hover .wtbx-button:hover,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow:hover,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow:hover {
    background: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
    color: #fff !important;
}

body.dark-theme .dark-btn-surface-hover.wtbx-button:hover .wtbx_button_inner,
body.dark-theme .dark-btn-surface-hover .wtbx-button:hover .wtbx_button_inner,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow:hover .wtbx_button_inner,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow:hover .wtbx_button_inner {
    color: #fff !important;
}

/* Перебиваем штатный красный hover-слой Scape, если он рисуется псевдоэлементом. */
body.dark-theme .dark-btn-surface-hover.wtbx-button:hover::before,
body.dark-theme .dark-btn-surface-hover.wtbx-button:hover::after,
body.dark-theme .dark-btn-surface-hover .wtbx-button:hover::before,
body.dark-theme .dark-btn-surface-hover .wtbx-button:hover::after,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow:hover::before,
body.dark-theme .dark-btn-surface-hover.wtbx-button-arrow:hover::after,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow:hover::before,
body.dark-theme .dark-btn-surface-hover .wtbx-button-arrow:hover::after,
body.dark-theme .dark-btn-surface-hover:hover .wtbx_button_wrapper::before,
body.dark-theme .dark-btn-surface-hover:hover .wtbx_button_wrapper::after,
body.dark-theme .dark-btn-surface-hover:hover .wtbx_button_inner::before,
body.dark-theme .dark-btn-surface-hover:hover .wtbx_button_inner::after {
    background: var(--dark-accent-warm) !important;
    background-color: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
}


/*
 * dark-btn-surface-arrow
 * Тёмная кнопка + sunset-акцент/стрелка.
 */

body.dark-theme .dark-btn-surface-arrow.wtbx-button,
body.dark-theme .dark-btn-surface-arrow .wtbx-button {
    background-color: #222733 !important;
    color: var(--dark-text) !important;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, .18);

    transition:
        background-color .45s ease,
        color .45s ease,
        box-shadow .45s ease;
}

body.dark-theme .dark-btn-surface-arrow .wtbx_button_inner,
body.dark-theme .dark-btn-surface-arrow.wtbx-button .wtbx_button_inner {
    color: var(--dark-text) !important;
}

body.dark-theme .dark-btn-surface-arrow .wtbx-button-arrow::before,
body.dark-theme .dark-btn-surface-arrow.wtbx-button-arrow::before {
    background: var(--dark-gradient) !important;
    transition: background .5s ease;
}


/* --------------------------------------------------------------------------
   04.4. Generic Section Divider colors
   -------------------------------------------------------------------------- */

/*
 * Класс ставится на Row, который содержит WPBakery Section divider.
 * Геометрию divider не меняем.
 */

/* Base */

body.dark-theme .dark-divider-base .wtbx_vc_section_divider svg,
body.dark-theme .dark-divider-base .wtbx_vc_section_divider svg path,
body.dark-theme .dark-divider-base .wtbx_vc_section_divider svg polygon,
body.dark-theme .dark-divider-base .wtbx_vc_section_divider svg rect {
    fill: var(--dark-bg) !important;
}

/* Alternate */

body.dark-theme .dark-divider-alt .wtbx_vc_section_divider svg,
body.dark-theme .dark-divider-alt .wtbx_vc_section_divider svg path,
body.dark-theme .dark-divider-alt .wtbx_vc_section_divider svg polygon,
body.dark-theme .dark-divider-alt .wtbx_vc_section_divider svg rect {
    fill: var(--dark-bg-alt) !important;
}

/* Intermediate */

body.dark-theme .dark-divider-mid .wtbx_vc_section_divider svg,
body.dark-theme .dark-divider-mid .wtbx_vc_section_divider svg path,
body.dark-theme .dark-divider-mid .wtbx_vc_section_divider svg polygon,
body.dark-theme .dark-divider-mid .wtbx_vc_section_divider svg rect {
    fill: var(--dark-bg-mid) !important;
}

.dark-divider-base .wtbx_vc_section_divider svg *,
.dark-divider-alt .wtbx_vc_section_divider svg *,
.dark-divider-mid .wtbx_vc_section_divider svg * {
    transition: fill .45s ease;
}


/* ==========================================================================
   05. Header
   ========================================================================== */

body.dark-theme #header-wrapper.header_sticky_active {
    box-shadow:
        0 5px 25px rgba(0, 0, 0, .25) !important;
}

body.dark-theme
#header-wrapper.header_sticky_active
.wtbx_hs_header {
    background-color: var(--dark-bg) !important;
}

body.dark-theme
#header-wrapper.header_sticky_active
.wtbx_hs_header
.menu-link {
    color: #e9ebf0 !important;
}


/* ==========================================================================
   06. Home — unique blocks
   ========================================================================== */


/* --------------------------------------------------------------------------
   06.1. About
   -------------------------------------------------------------------------- */

.dark-about .wtbx_row_bg_inner {
    transition: background-color .45s ease;
}

body.dark-theme .dark-about .wtbx_row_bg_inner {
    background-color: var(--dark-bg) !important;
}


/* Original APPLITE background */

.dark-about .wtbx_row_bg_media_wrapper,
.dark-about .wtbx_row_bg_media,
.dark-about .wtbx_row_bg_image {
    transition:
        opacity .45s ease,
        filter .45s ease;
}

body.dark-theme .dark-about .wtbx_row_bg_media_wrapper,
body.dark-theme .dark-about .wtbx_row_bg_media {
    opacity: 1 !important;
}

body.dark-theme .dark-about .wtbx_row_bg_image {
    opacity: .12 !important;
    filter: brightness(0) invert(1);
}


/* Strengthen only the native edge grids */

body.dark-theme .dark-about .wtbx_row_bg_media_wrapper::before,
body.dark-theme .dark-about .wtbx_row_bg_media_wrapper::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 2;

    pointer-events: none;

    background:
        url("/wp-content/uploads/2019/08/logo-bg-1.png")
        center / cover
        no-repeat;

    filter:
        brightness(0)
        invert(1)
        contrast(1.15);

    opacity: .48;

    transition:
        opacity .45s ease,
        filter .45s ease;
}

body.dark-theme .dark-about .wtbx_row_bg_media_wrapper::before {
    clip-path: inset(0 88% 0 0);
}

body.dark-theme .dark-about .wtbx_row_bg_media_wrapper::after {
    clip-path: inset(0 0 0 88%);
}


/* About typography */

body.dark-theme .dark-about .wtbx_heading_el_title {
    color: var(--dark-text) !important;
}

body.dark-theme .dark-about .wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme .dark-about .wtbx_vc_text_element:not(.dark-accent-text) p {
    color: var(--dark-muted) !important;
}

body.dark-theme
.dark-about
.dark-accent-line
.wtbx_vc_divider_inner {
    opacity: 1 !important;
    filter: none !important;
}


/* --------------------------------------------------------------------------
   06.2. Advantages / accordion
   -------------------------------------------------------------------------- */

.dark-advantages,
.dark-advantages .wtbx_section_bg,
.dark-advantages .wtbx_section_bg_inner,
.dark-advantages .wtbx_section_bg_media_wrapper,
.dark-advantages .wtbx_section_bg_media,
.dark-advantages .wtbx_row_bg,
.dark-advantages .wtbx_row_bg_inner {
    transition: background-color .45s ease;
}

body.dark-theme .dark-advantages,
body.dark-theme .dark-advantages .wtbx_section_bg,
body.dark-theme .dark-advantages .wtbx_section_bg_inner,
body.dark-theme .dark-advantages .wtbx_section_bg_media_wrapper,
body.dark-theme .dark-advantages .wtbx_section_bg_media,
body.dark-theme .dark-advantages .wtbx_row_bg,
body.dark-theme .dark-advantages .wtbx_row_bg_inner {
    background-color: var(--dark-bg) !important;
}

body.dark-theme .dark-advantages .wtbx_heading_el_title {
    color: var(--dark-text) !important;
}

body.dark-theme .dark-advantages .wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme .dark-advantages .wtbx_vc_text_element:not(.dark-accent-text) p,
body.dark-theme
.dark-advantages
.wtbx_accordion_tab_inner,
body.dark-theme
.dark-advantages
.wtbx_accordion_tab_inner p {
    color: var(--dark-muted) !important;
}

body.dark-theme .dark-advantages .wtbx_text_element_inner,
body.dark-theme .dark-advantages .wtbx_text_element_inner span {
    color: inherit;
}

body.dark-theme
.dark-advantages
.dark-accent-line
.wtbx_vc_divider_inner {
    opacity: 1 !important;
    filter: none !important;
}


/* Accordion */

.dark-advantages .wtbx_accordion_link {
    transition:
        background-color .45s ease,
        color .45s ease,
        box-shadow .45s ease;
}

body.dark-theme .dark-advantages .wtbx_accordion_link {
    background-color: var(--dark-surface) !important;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, .12);
}

body.dark-theme
.dark-advantages
.wtbx_accordion_link
.wtbx_tabs_nav_title {
    color: var(--dark-muted) !important;
}

body.dark-theme
.dark-advantages
.wtbx_vc_accordion_tab.active
.wtbx_accordion_link {
    background-color: var(--dark-surface-active) !important;
}

body.dark-theme
.dark-advantages
.wtbx_vc_accordion_tab.active
.wtbx_tabs_nav_title,
body.dark-theme
.dark-advantages
.wtbx_vc_accordion_tab.active
.wtbx_vc_icon {
    color: var(--dark-accent) !important;
}

body.dark-theme
.dark-advantages
.wtbx_vc_accordion_tab.active
.wtbx_accordion_link::before {
    background-color: var(--dark-accent) !important;
}


/* --------------------------------------------------------------------------
   06.3. Workflow
   -------------------------------------------------------------------------- */

body.dark-theme .dark-workflow .wtbx_section_bg,
body.dark-theme .dark-workflow .wtbx_section_bg_inner {
    background-color: var(--dark-bg-workflow) !important;
}

body.dark-theme .dark-workflow .wtbx_row_bg,
body.dark-theme .dark-workflow .wtbx_row_bg_inner {
    background-color: transparent !important;
}


/* Native rings / dots / grids */

body.dark-theme .dark-workflow .wtbx_section_bg_media_wrapper,
body.dark-theme .dark-workflow .wtbx_section_bg_media {
    opacity: 1 !important;
    background-color: transparent !important;
    mix-blend-mode: normal !important;
}

body.dark-theme .dark-workflow .wtbx_section_bg_image,
body.dark-theme .dark-workflow .wtbx_section_bg_media img {
    opacity: .72 !important;

    filter:
        invert(1)
        brightness(2.4)
        contrast(1.25) !important;

    mix-blend-mode: screen !important;

    transition:
        opacity .45s ease,
        filter .45s ease;
}


/* Workflow typography */

body.dark-theme .dark-workflow .wtbx_heading_el_title,
body.dark-theme .dark-workflow .wtbx_vc_tab .wtbx_heading_el_title {
    color: var(--dark-text) !important;
}

body.dark-theme
.dark-workflow
.wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme
.dark-workflow
.wtbx_vc_text_element:not(.dark-accent-text) p,
body.dark-theme
.dark-workflow
.wtbx_vc_tab
.wtbx_vc_text_element:not(.dark-accent-text),
body.dark-theme
.dark-workflow
.wtbx_vc_tab
.wtbx_vc_text_element:not(.dark-accent-text) p {
    color: var(--dark-muted) !important;
}


/* Workflow navigation */

body.dark-theme .dark-workflow .wtbx_tabs_nav_item,
body.dark-theme .dark-workflow .wtbx_tabs_nav_link {
    background: transparent !important;
}

body.dark-theme .dark-workflow .wtbx_tabs_nav_title {
    color: var(--dark-muted) !important;
}

body.dark-theme
.dark-workflow
.wtbx_tabs_nav_item:not(:last-child) {
    border-right:
        1px solid rgba(174, 181, 194, .24);
}

body.dark-theme .dark-workflow .wtbx_tabs_nav_item::before,
body.dark-theme .dark-workflow .wtbx_tabs_nav_item::after,
body.dark-theme .dark-workflow .wtbx_tabs_nav_link::before,
body.dark-theme .dark-workflow .wtbx_tabs_nav_link::after {
    background: transparent !important;
}

body.dark-theme .dark-workflow .wtbx_tabs_nav_item.active,
body.dark-theme
.dark-workflow
.wtbx_tabs_nav_item.active
.wtbx_tabs_nav_link {
    background-color: var(--dark-surface-tab) !important;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, .18) !important;
}

body.dark-theme
.dark-workflow
.wtbx_tabs_nav_item.active
.wtbx_tabs_nav_title,
body.dark-theme
.dark-workflow
.wtbx_tabs_nav_item.active
.wtbx_vc_icon {
    color: var(--dark-accent) !important;
}


/* Selected workflow step */

body.dark-theme .dark-workflow .wtbx_vc_tab,
body.dark-theme .dark-workflow .wtbx_vc_tab .wtbx_inner_row_bg,
body.dark-theme .dark-workflow .wtbx_vc_tab .wtbx_inner_column_bg {
    background-color: var(--dark-surface) !important;
}


/*
 * Special Workflow transition.
 * Его пока оставляем отдельным: цвет #74767c уникален.
 */

body.dark-theme
.dark-workflow-transition-top
.wtbx_vc_section_divider svg,
body.dark-theme
.dark-workflow-transition-top
.wtbx_vc_section_divider svg path,
body.dark-theme
.dark-workflow-transition-top
.wtbx_vc_section_divider svg polygon,
body.dark-theme
.dark-workflow-transition-top
.wtbx_vc_section_divider svg rect {
    fill: #74767c !important;
}


/* --------------------------------------------------------------------------
   06.4. Pricing
   -------------------------------------------------------------------------- */

body.dark-theme
.dark-pricing-item
.wtbx_vc_styled_heading.wtbx_style_with_border
.wtbx_vc_styled_heading_inner::before {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;

    transition:
        background-color .45s ease,
        border-color .45s ease;
}


/* --------------------------------------------------------------------------
   06.5. Footer CTA
   -------------------------------------------------------------------------- */

body.dark-theme
#footer
.dark-footer-cta .wtbx_row_bg,
body.dark-theme
#footer
.dark-footer-cta .wtbx_row_bg_inner {
    background: var(--dark-gradient) !important;
}


/* Footer CTA button — row class is stable, so no generated WPBakery IDs. */

body.dark-theme
#footer
.dark-footer-cta
.wtbx-button,
body.dark-theme
#footer
.dark-footer-cta
.wtbx-button-arrow {
    background: var(--dark-surface) !important;
    border-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-theme
#footer
.dark-footer-cta
.wtbx-button
.wtbx_button_inner,
body.dark-theme
#footer
.dark-footer-cta
.wtbx-button-arrow
.wtbx_button_inner {
    color: var(--dark-text) !important;
}


body.dark-theme
#footer
.dark-footer-cta
.wtbx-button::before,
body.dark-theme
#footer
.dark-footer-cta
.wtbx-button::after,
body.dark-theme
#footer
.dark-footer-cta
.wtbx-button-arrow::before,
body.dark-theme
#footer
.dark-footer-cta
.wtbx-button-arrow::after,
body.dark-theme
#footer
.dark-footer-cta
.wtbx_button_wrapper::before,
body.dark-theme
#footer
.dark-footer-cta
.wtbx_button_wrapper::after,
body.dark-theme
#footer
.dark-footer-cta
.wtbx_button_inner::before,
body.dark-theme
#footer
.dark-footer-cta
.wtbx_button_inner::after {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-surface) !important;
}


/* ==========================================================================
   Footer CTA — hard override for the actual button layers
   ========================================================================== */

/*
 * В Scape белая "таблетка" может лежать не на .wtbx-button,
 * а на wrapper / inner / <a>. Красим все слои самой CTA-кнопки.
 */

body.dark-theme #footer .dark-footer-cta .wtbx_vc_button,
body.dark-theme #footer .dark-footer-cta .wtbx_button_wrapper,
body.dark-theme #footer .dark-footer-cta .wtbx-button,
body.dark-theme #footer .dark-footer-cta .wtbx-button-arrow,
body.dark-theme #footer .dark-footer-cta .wtbx_button_inner,
body.dark-theme #footer .dark-footer-cta a.wtbx-button,
body.dark-theme #footer .dark-footer-cta a.wtbx-button-arrow,
body.dark-theme #footer .dark-footer-cta .wp_bitrix_open_btn {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-theme #footer .dark-footer-cta .wtbx_button_inner,
body.dark-theme #footer .dark-footer-cta .wtbx_button_inner span,
body.dark-theme #footer .dark-footer-cta .wtbx-button span,
body.dark-theme #footer .dark-footer-cta .wtbx-button-arrow span,
body.dark-theme #footer .dark-footer-cta .wp_bitrix_open_btn span {
    color: var(--dark-text) !important;
}

body.dark-theme #footer .dark-footer-cta .wtbx_vc_button::before,
body.dark-theme #footer .dark-footer-cta .wtbx_vc_button::after,
body.dark-theme #footer .dark-footer-cta .wtbx_button_wrapper::before,
body.dark-theme #footer .dark-footer-cta .wtbx_button_wrapper::after,
body.dark-theme #footer .dark-footer-cta .wtbx-button::before,
body.dark-theme #footer .dark-footer-cta .wtbx-button::after,
body.dark-theme #footer .dark-footer-cta .wtbx-button-arrow::before,
body.dark-theme #footer .dark-footer-cta .wtbx-button-arrow::after,
body.dark-theme #footer .dark-footer-cta .wtbx_button_inner::before,
body.dark-theme #footer .dark-footer-cta .wtbx_button_inner::after {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-surface) !important;
}


/* ==========================================================================
   Category archives — shared dark theme
   ========================================================================== */

/*
 * Архивы /category/* генерируются шаблоном Scape, а не WPBakery.
 * Extra class здесь не нужен: используем стабильные body.archive.category и body.blog.
 */

body.dark-theme:is(.archive.category, .blog) #page-wrap,
body.dark-theme:is(.archive.category, .blog) #main,
body.dark-theme:is(.archive.category, .blog) #container {
    background-color: var(--dark-bg-alt) !important;
}


/* --------------------------------------------------------------------------
   Список новостей
   -------------------------------------------------------------------------- */

body.dark-theme:is(.archive.category, .blog) .post-entry,
body.dark-theme:is(.archive.category, .blog) .post-sbs-inner,
body.dark-theme:is(.archive.category, .blog) .post-sbs-content-wrapper,
body.dark-theme:is(.archive.category, .blog) .post-sbs-content {
    background-color: transparent !important;
}

body.dark-theme:is(.archive.category, .blog) .entry-title,
body.dark-theme:is(.archive.category, .blog) .entry-title a {
    color: var(--dark-text) !important;

    transition:
        color .3s ease;
}

body.dark-theme:is(.archive.category, .blog) .entry-title a:hover {
    color: var(--dark-accent-warm) !important;
}

body.dark-theme:is(.archive.category, .blog) .post-sbs-meta,
body.dark-theme:is(.archive.category, .blog) .post-sbs-meta *,
body.dark-theme:is(.archive.category, .blog) .meta-wrapper,
body.dark-theme:is(.archive.category, .blog) .meta-wrapper * {
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .entry-content,
body.dark-theme:is(.archive.category, .blog) .entry-content p,
body.dark-theme:is(.archive.category, .blog) .entry-content a,
body.dark-theme:is(.archive.category, .blog) .wtbx-text,
body.dark-theme:is(.archive.category, .blog) .wtbx-text p {
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .entry-content a:hover {
    color: var(--dark-accent-warm) !important;
}

/* Картинки публикаций оставляем как есть */

body.dark-theme:is(.archive.category, .blog) .post-media,
body.dark-theme:is(.archive.category, .blog) .post-media img,
body.dark-theme:is(.archive.category, .blog) .post-sbs-media-wrapper img {
    filter: none !important;
}


/* --------------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------------- */

body.dark-theme:is(.archive.category, .blog) #sidebar,
body.dark-theme:is(.archive.category, .blog) #sidebar.wtbx_skin_light,
body.dark-theme:is(.archive.category, .blog) .page-sidebar,
body.dark-theme:is(.archive.category, .blog) .widget-area,
body.dark-theme:is(.archive.category, .blog) .widget {
    background-color: transparent !important;
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget-title,
body.dark-theme:is(.archive.category, .blog) .widget h3,
body.dark-theme:is(.archive.category, .blog) .widget h4 {
    color: var(--dark-text) !important;
}


/* --------------------------------------------------------------------------
   Поиск
   -------------------------------------------------------------------------- */

body.dark-theme:is(.archive.category, .blog) .widget_search input[type="search"],
body.dark-theme:is(.archive.category, .blog) .widget_search input[type="text"],
body.dark-theme:is(.archive.category, .blog) .widget_search .search-field {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;

    border-color: rgba(174, 181, 194, .18) !important;
    color: var(--dark-text) !important;

    box-shadow: none !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_search input::placeholder {
    color: var(--dark-muted) !important;
    opacity: .72;
}

body.dark-theme:is(.archive.category, .blog) .widget_search button,
body.dark-theme:is(.archive.category, .blog) .widget_search input[type="submit"],
body.dark-theme:is(.archive.category, .blog) .widget_search .search-submit {
    background: var(--dark-gradient) !important;
    background-color: var(--dark-accent) !important;

    border-color: transparent !important;
    color: #fff !important;

    transition:
        filter .3s ease,
        transform .2s ease,
        box-shadow .3s ease;
}

body.dark-theme:is(.archive.category, .blog) .widget_search button:hover,
body.dark-theme:is(.archive.category, .blog) .widget_search input[type="submit"]:hover,
body.dark-theme:is(.archive.category, .blog) .widget_search .search-submit:hover {
    filter: brightness(1.06);

    box-shadow:
        0 5px 18px rgba(255, 101, 87, .18);
}


/* --------------------------------------------------------------------------
   Рубрики / меню Sidebar
   -------------------------------------------------------------------------- */

body.dark-theme:is(.archive.category, .blog) .widget_nav_menu a,
body.dark-theme:is(.archive.category, .blog) .widget_categories a {
    color: var(--dark-muted) !important;

    transition:
        color .3s ease,
        background .3s ease;
}

body.dark-theme:is(.archive.category, .blog) .widget_nav_menu a:hover,
body.dark-theme:is(.archive.category, .blog) .widget_categories a:hover {
    color: var(--dark-accent-warm) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-item > a,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-parent > a,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-ancestor > a,
body.dark-theme:is(.archive.category, .blog) .widget_categories .current-cat > a {
    background: var(--dark-gradient) !important;
    color: #fff !important;

    border-color: transparent !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-item > a::before,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-item > a::after,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-parent > a::before,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-parent > a::after,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-ancestor > a::before,
body.dark-theme:is(.archive.category, .blog) .widget_nav_menu .current-menu-ancestor > a::after {
    background: var(--dark-gradient) !important;
    border-color: transparent !important;
}


/* --------------------------------------------------------------------------
   Calendar
   -------------------------------------------------------------------------- */

body.dark-theme:is(.archive.category, .blog) .widget_calendar,
body.dark-theme:is(.archive.category, .blog) .widget_calendar table {
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar caption,
body.dark-theme:is(.archive.category, .blog) .widget_calendar .wp-calendar-caption {
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar thead,
body.dark-theme:is(.archive.category, .blog) .widget_calendar thead th {
    background-color: var(--dark-surface) !important;
    color: var(--dark-text) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar tbody td,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tbody th {
    background-color: transparent !important;
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar a {
    color: var(--dark-accent-warm) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar #today,
body.dark-theme:is(.archive.category, .blog) .widget_calendar .today {
    color: var(--dark-accent-warm) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar .wp-calendar-nav a,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tfoot a {
    color: var(--dark-text) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar .wp-calendar-nav a:hover,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tfoot a:hover {
    color: var(--dark-accent-warm) !important;
}


/* ==========================================================================
   Category archives — Calendar hard fix
   ========================================================================== */

/*
 * Scape задаёт белый фон нескольким внутренним слоям calendar widget.
 * Сбрасываем их все, затем отдельно оформляем шапку таблицы.
 */

body.dark-theme:is(.archive.category, .blog) .widget_calendar,
body.dark-theme:is(.archive.category, .blog) .widget_calendar .calendar_wrap,
body.dark-theme:is(.archive.category, .blog) .widget_calendar table,
body.dark-theme:is(.archive.category, .blog) .widget_calendar caption,
body.dark-theme:is(.archive.category, .blog) .widget_calendar thead,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tbody,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tfoot,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tr,
body.dark-theme:is(.archive.category, .blog) .widget_calendar th,
body.dark-theme:is(.archive.category, .blog) .widget_calendar td {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(174, 181, 194, .12) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar table {
    background-color: var(--dark-surface) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar caption {
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar thead,
body.dark-theme:is(.archive.category, .blog) .widget_calendar thead tr,
body.dark-theme:is(.archive.category, .blog) .widget_calendar thead th {
    background-color: #202530 !important;
    color: var(--dark-text) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar tbody td,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tbody th,
body.dark-theme:is(.archive.category, .blog) .widget_calendar tfoot td {
    color: var(--dark-muted) !important;
}

body.dark-theme:is(.archive.category, .blog) .widget_calendar a,
body.dark-theme:is(.archive.category, .blog) .widget_calendar #today,
body.dark-theme:is(.archive.category, .blog) .widget_calendar .today {
    color: var(--dark-accent-warm) !important;
}


/* ==========================================================================
   Category archives — Page header accent
   ========================================================================== */

/* Вертикальная полоса слева от заголовка "Новости" */
body.dark-theme:is(.archive.category, .blog) .page-header-wrapper::before {
    background: var(--dark-accent-warm) !important;
    background-color: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
}


/* ==========================================================================
   Global page-header accent
   ========================================================================== */

/*
 * Вертикальная акцентная линия у внутренних страниц:
 * Документы, архивы категорий и другие page-header Scape.
 */
body.dark-theme .page-header-wrapper::before {
    background: var(--dark-accent-warm) !important;
    background-color: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
}


/* ==========================================================================
   Documents page — gallery rows
   ========================================================================== */

/*
 * Класс dark-documents-gallery ставится на Row:
 * - с заголовком "Свидетельства и другие документы";
 * - на каждый Row с карточками документов.
 *
 * Сами изображения документов не перекрашиваем.
 */

body.dark-theme .dark-documents-gallery,
body.dark-theme .dark-documents-gallery .wtbx_row_bg,
body.dark-theme .dark-documents-gallery .wtbx_row_bg_inner,
body.dark-theme .dark-documents-gallery .wtbx_section_bg,
body.dark-theme .dark-documents-gallery .wtbx_section_bg_inner {
    background-color: var(--dark-bg-alt) !important;
}

body.dark-theme .dark-documents-gallery .wtbx_heading_el_title,
body.dark-theme .dark-documents-gallery h1,
body.dark-theme .dark-documents-gallery h2,
body.dark-theme .dark-documents-gallery h3,
body.dark-theme .dark-documents-gallery h4 {
    color: var(--dark-text) !important;
}

/* Подписи под изображениями документов */

body.dark-theme .dark-documents-gallery .wtbx_image_caption,
body.dark-theme .dark-documents-gallery .wtbx_image_caption *,
body.dark-theme .dark-documents-gallery .wtbx_image_caption_inner,
body.dark-theme .dark-documents-gallery .wtbx_image_caption_content,
body.dark-theme .dark-documents-gallery .wtbx_image_caption_text,
body.dark-theme .dark-documents-gallery .wtbx_image_caption_title,
body.dark-theme .dark-documents-gallery figcaption,
body.dark-theme .dark-documents-gallery figcaption * {
    color: var(--dark-muted) !important;
}

/* Картинки сертификатов/лицензий сохраняем исходными */

body.dark-theme .dark-documents-gallery img,
body.dark-theme .dark-documents-gallery .wtbx_vc_image_element img {
    filter: none !important;
}


/* ==========================================================================
   Documents page — remove white gaps between WPBakery rows
   ========================================================================== */

/*
 * Белые полосы между блоками — это не отдельные Row.
 * Это фон #page-wrap / контейнера страницы, который виден в промежутках
 * между WPBakery-блоками.
 *
 * page-id-1233 — ID самой страницы WordPress "Документы";
 * это стабильный ID страницы, а не генерируемый ID WPBakery-элемента.
 */

body.dark-theme.page-id-1233 #page-wrap,
body.dark-theme.page-id-1233 #main,
body.dark-theme.page-id-1233 #container,
body.dark-theme.page-id-1233 .entry-content {
    background-color: var(--dark-bg-alt) !important;
}


/* ==========================================================================
   Header — dropdown menu in dark mode
   ========================================================================== */

body.dark-theme #header-wrapper .sub-menu {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border-color: rgba(174, 181, 194, .12) !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, .28) !important;
}

body.dark-theme #header-wrapper .sub-menu a,
body.dark-theme #header-wrapper .sub-menu .menu-link {
    color: var(--dark-muted) !important;
    background: transparent !important;

    transition:
        color .25s ease,
        background-color .25s ease;
}

body.dark-theme #header-wrapper .sub-menu a:hover,
body.dark-theme #header-wrapper .sub-menu .menu-link:hover,
body.dark-theme #header-wrapper .sub-menu .current-menu-item > a {
    color: var(--dark-text) !important;
    background-color: var(--dark-surface-active) !important;
}


/* ==========================================================================
   Blog/category sidebar — orange hover
   ========================================================================== */

/*
 * Scape по умолчанию подсвечивает пункты рубрик красным.
 * В dark mode на /blog и /category/* заменяем hover на тёплый оранжевый.
 */

body.dark-theme:is(.archive.category, .blog)
.widget_nav_menu li:hover > a,
body.dark-theme:is(.archive.category, .blog)
.widget_nav_menu a:hover,
body.dark-theme:is(.archive.category, .blog)
.widget_categories li:hover > a,
body.dark-theme:is(.archive.category, .blog)
.widget_categories a:hover {
    background: var(--dark-accent-warm) !important;
    background-color: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
    color: #fff !important;
}

/* Если красная hover-плашка Scape рисуется псевдоэлементами */
body.dark-theme:is(.archive.category, .blog)
.widget_nav_menu li:hover > a::before,
body.dark-theme:is(.archive.category, .blog)
.widget_nav_menu li:hover > a::after,
body.dark-theme:is(.archive.category, .blog)
.widget_nav_menu a:hover::before,
body.dark-theme:is(.archive.category, .blog)
.widget_nav_menu a:hover::after,
body.dark-theme:is(.archive.category, .blog)
.widget_categories li:hover > a::before,
body.dark-theme:is(.archive.category, .blog)
.widget_categories li:hover > a::after {
    background: var(--dark-accent-warm) !important;
    background-color: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
}


/* ==========================================================================
   Partners page
   ========================================================================== */

/*
 * WPBakery:
 * - верхний декоративный Row "Наши партнеры" -> dark-about
 * - красная линия под заголовком            -> dark-accent-line
 * - Row с таблицей                          -> dark-partners-table
 *
 * page-id-2325 — WordPress page "Партнеры".
 */

/* Убираем белый фон страницы между WPBakery-блоками */

body.dark-theme.page-id-2325 #page-wrap,
body.dark-theme.page-id-2325 #main,
body.dark-theme.page-id-2325 #container,
body.dark-theme.page-id-2325 .entry-content {
    background-color: var(--dark-bg-alt) !important;
}


/* --------------------------------------------------------------------------
   Table area
   -------------------------------------------------------------------------- */

body.dark-theme .dark-partners-table,
body.dark-theme .dark-partners-table .wtbx_row_bg,
body.dark-theme .dark-partners-table .wtbx_row_bg_inner,
body.dark-theme .dark-partners-table .wtbx_section_bg,
body.dark-theme .dark-partners-table .wtbx_section_bg_inner,
body.dark-theme .dark-partners-table .dataTables_wrapper {
    background-color: var(--dark-bg-alt) !important;
    color: var(--dark-muted) !important;
}


/* DataTables controls */

body.dark-theme .dark-partners-table .dataTables_length,
body.dark-theme .dark-partners-table .dataTables_filter,
body.dark-theme .dark-partners-table .dataTables_info,
body.dark-theme .dark-partners-table .dataTables_paginate {
    color: var(--dark-muted) !important;
}

body.dark-theme .dark-partners-table .dataTables_length label,
body.dark-theme .dark-partners-table .dataTables_filter label {
    color: var(--dark-muted) !important;
}

body.dark-theme .dark-partners-table .dataTables_length select,
body.dark-theme .dark-partners-table .dataTables_filter input,
body.dark-theme .dark-partners-table input[type="search"] {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border: 1px solid rgba(174, 181, 194, .18) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
}

body.dark-theme .dark-partners-table .dataTables_filter input::placeholder,
body.dark-theme .dark-partners-table input[type="search"]::placeholder {
    color: var(--dark-muted) !important;
    opacity: .72;
}


/* --------------------------------------------------------------------------
   Table itself
   -------------------------------------------------------------------------- */

body.dark-theme .dark-partners-table table,
body.dark-theme .dark-partners-table table.dataTable {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
    border-color: rgba(174, 181, 194, .18) !important;
    color: var(--dark-muted) !important;
}

body.dark-theme .dark-partners-table table thead,
body.dark-theme .dark-partners-table table.dataTable thead,
body.dark-theme .dark-partners-table table thead tr,
body.dark-theme .dark-partners-table table.dataTable thead tr,
body.dark-theme .dark-partners-table table thead th,
body.dark-theme .dark-partners-table table.dataTable thead th {
    background: #202530 !important;
    background-color: #202530 !important;
    border-color: rgba(174, 181, 194, .18) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .dark-partners-table table tbody tr,
body.dark-theme .dark-partners-table table.dataTable tbody tr {
    background: var(--dark-surface) !important;
    background-color: var(--dark-surface) !important;
}

body.dark-theme .dark-partners-table table tbody tr:nth-child(even),
body.dark-theme .dark-partners-table table.dataTable tbody tr:nth-child(even) {
    background: var(--dark-surface-active) !important;
    background-color: var(--dark-surface-active) !important;
}

body.dark-theme .dark-partners-table table tbody td,
body.dark-theme .dark-partners-table table.dataTable tbody td {
    background: transparent !important;
    border-color: rgba(174, 181, 194, .14) !important;
    color: var(--dark-muted) !important;
}


/* Ссылки / названия партнёров */

body.dark-theme .dark-partners-table table a,
body.dark-theme .dark-partners-table table.dataTable a {
    color: var(--dark-accent) !important;

    transition:
        color .25s ease;
}

body.dark-theme .dark-partners-table table a:hover,
body.dark-theme .dark-partners-table table.dataTable a:hover {
    color: var(--dark-accent-warm) !important;
}


/* Логотипы партнёров оставляем исходными */

body.dark-theme .dark-partners-table table img,
body.dark-theme .dark-partners-table table.dataTable img {
    filter: none !important;
}


/* --------------------------------------------------------------------------
   DataTables pagination
   -------------------------------------------------------------------------- */

body.dark-theme .dark-partners-table .dataTables_paginate .paginate_button {
    background: var(--dark-surface) !important;
    border-color: rgba(174, 181, 194, .18) !important;
    color: var(--dark-muted) !important;
}

body.dark-theme .dark-partners-table .dataTables_paginate .paginate_button:hover,
body.dark-theme .dark-partners-table .dataTables_paginate .paginate_button.current {
    background: var(--dark-accent-warm) !important;
    border-color: var(--dark-accent-warm) !important;
    color: #fff !important;
}


/* ==========================================================================
   Home Hero — split-text reveal accent
   ========================================================================== */

/*
 * Красная "шторка" анимации заголовка APPLITE:
 *
 * .wtbx_vc_split_text
 *   └─ .wtbx_split_text_wrapper
 *      └─ .wtbx_split_text_inner
 *         ├─ h2 ... "Applite"
 *         └─ span.wtbx_vc_animation_el.wtbx_split_fill
 *
 * В светлой теме оставляем штатный красный Scape.
 * В dark mode красим только animation fill в sunset-gradient.
 */

body.dark-theme.home
.wtbx_vc_split_text
.wtbx_split_fill {
    background: var(--dark-gradient) !important;
    background-color: var(--dark-accent) !important;
}


/* ==========================================================================
   Mission page
   ========================================================================== */

/*
 * WordPress page ID: 2889
 * /missiya-kompanii
 *
 * Страница простая и состоит из одного светлого WPBakery-блока,
 * поэтому отдельные Extra class здесь не нужны.
 */

body.dark-theme.page-id-2889 #page-wrap,
body.dark-theme.page-id-2889 #main,
body.dark-theme.page-id-2889 #container,
body.dark-theme.page-id-2889 .entry-content {
    background-color: var(--dark-bg-alt) !important;
}

/* Фон самого WPBakery Row и его внутренних слоёв */

body.dark-theme.page-id-2889 .entry-content .wtbx_vc_row,
body.dark-theme.page-id-2889 .entry-content .wtbx_row_wrapper,
body.dark-theme.page-id-2889 .entry-content .wtbx_row_bg,
body.dark-theme.page-id-2889 .entry-content .wtbx_row_bg_inner,
body.dark-theme.page-id-2889 .entry-content .wtbx_inner_row_bg,
body.dark-theme.page-id-2889 .entry-content .wtbx_inner_column_bg {
    background-color: var(--dark-bg-alt) !important;
}

/* Заголовки */

body.dark-theme.page-id-2889 .entry-content h1,
body.dark-theme.page-id-2889 .entry-content h2,
body.dark-theme.page-id-2889 .entry-content h3,
body.dark-theme.page-id-2889 .entry-content h4,
body.dark-theme.page-id-2889 .entry-content h5,
body.dark-theme.page-id-2889 .entry-content h6,
body.dark-theme.page-id-2889 .entry-content .wtbx_heading_el_title {
    color: var(--dark-text) !important;
}

/* Основной текст */

body.dark-theme.page-id-2889 .entry-content .wtbx_vc_text_element,
body.dark-theme.page-id-2889 .entry-content .wtbx_text_element_inner,
body.dark-theme.page-id-2889 .entry-content p {
    color: var(--dark-muted) !important;
}

/* Ссылки внутри текста */

body.dark-theme.page-id-2889 .entry-content a {
    color: var(--dark-accent) !important;
}

body.dark-theme.page-id-2889 .entry-content a:hover {
    color: var(--dark-accent-warm) !important;
}


/* ==========================================================================
   Contacts page
   ========================================================================== */

/*
 * WordPress page ID: 637
 * /contacts
 *
 * Страница собрана WPBakery + Contact Form 7.
 * Extra class для этой страницы не нужен — используем стабильный page-id-637.
 */

/* Общий фон страницы и WPBakery-блоков */

body.dark-theme.page-id-637 #page-wrap,
body.dark-theme.page-id-637 #main,
body.dark-theme.page-id-637 #container,
body.dark-theme.page-id-637 .entry-content,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_row,
body.dark-theme.page-id-637 .entry-content .wtbx_row_wrapper,
body.dark-theme.page-id-637 .entry-content .wtbx_row_bg,
body.dark-theme.page-id-637 .entry-content .wtbx_row_bg_inner,
body.dark-theme.page-id-637 .entry-content .wtbx_inner_row_bg,
body.dark-theme.page-id-637 .entry-content .wtbx_inner_column_bg {
    background-color: var(--dark-bg-alt) !important;
}


/* --------------------------------------------------------------------------
   Заголовки и обычный текст
   -------------------------------------------------------------------------- */

body.dark-theme.page-id-637 .entry-content h1,
body.dark-theme.page-id-637 .entry-content h2,
body.dark-theme.page-id-637 .entry-content h3,
body.dark-theme.page-id-637 .entry-content h4,
body.dark-theme.page-id-637 .entry-content h5,
body.dark-theme.page-id-637 .entry-content h6,
body.dark-theme.page-id-637 .entry-content .wtbx_heading_el_title {
    color: var(--dark-text) !important;
}

body.dark-theme.page-id-637 .entry-content p,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_text_element,
body.dark-theme.page-id-637 .entry-content .wtbx_text_element_inner,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service p,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service .wtbx_service_content {
    color: var(--dark-muted) !important;
}


/* Контактные пункты слева */

body.dark-theme.page-id-637 .entry-content .wtbx_vc_service a,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service .wtbx_service_title,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service .wtbx_service_title a {
    color: var(--dark-text) !important;
}

body.dark-theme.page-id-637 .entry-content .wtbx_vc_service a:hover {
    color: var(--dark-accent-warm) !important;
}

/* Иконки контактных пунктов */

body.dark-theme.page-id-637 .entry-content .wtbx_vc_service .wtbx_vc_icon,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service i,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service svg,
body.dark-theme.page-id-637 .entry-content .wtbx_vc_service .wtbx_service_icon {
    color: var(--dark-accent) !important;
    fill: var(--dark-accent) !important;
}


/* --------------------------------------------------------------------------
   Contact Form 7
   -------------------------------------------------------------------------- */

body.dark-theme.page-id-637 .wpcf7,
body.dark-theme.page-id-637 .wpcf7-form {
    color: var(--dark-muted) !important;
}

body.dark-theme.page-id-637 .wpcf7 label,
body.dark-theme.page-id-637 .wpcf7 .wpcf7-form-control-wrap,
body.dark-theme.page-id-637 .wpcf7 .wpcf7-not-valid-tip {
    color: var(--dark-muted) !important;
}

/* Поля */

body.dark-theme.page-id-637 .wpcf7 input[type="text"],
body.dark-theme.page-id-637 .wpcf7 input[type="email"],
body.dark-theme.page-id-637 .wpcf7 input[type="tel"],
body.dark-theme.page-id-637 .wpcf7 input[type="url"],
body.dark-theme.page-id-637 .wpcf7 input[type="number"],
body.dark-theme.page-id-637 .wpcf7 textarea,
body.dark-theme.page-id-637 .wpcf7 select {
    background: transparent !important;
    background-color: transparent !important;

    border-color: rgba(174, 181, 194, .25) !important;
    border-bottom-color: rgba(174, 181, 194, .34) !important;

    color: var(--dark-text) !important;

    box-shadow: none !important;

    transition:
        border-color .3s ease,
        background-color .3s ease,
        color .3s ease;
}

body.dark-theme.page-id-637 .wpcf7 input::placeholder,
body.dark-theme.page-id-637 .wpcf7 textarea::placeholder {
    color: var(--dark-muted) !important;
    opacity: .65;
}

body.dark-theme.page-id-637 .wpcf7 input[type="text"]:focus,
body.dark-theme.page-id-637 .wpcf7 input[type="email"]:focus,
body.dark-theme.page-id-637 .wpcf7 input[type="tel"]:focus,
body.dark-theme.page-id-637 .wpcf7 textarea:focus,
body.dark-theme.page-id-637 .wpcf7 select:focus {
    border-color: var(--dark-accent-warm) !important;
    border-bottom-color: var(--dark-accent-warm) !important;
    outline: none !important;
}


/* Submit */

body.dark-theme.page-id-637 .wpcf7 input[type="submit"],
body.dark-theme.page-id-637 .wpcf7 button[type="submit"],
body.dark-theme.page-id-637 .wpcf7 .wpcf7-submit {
    background: var(--dark-gradient) !important;
    background-color: var(--dark-accent) !important;

    border-color: transparent !important;
    color: #fff !important;

    box-shadow:
        0 6px 20px rgba(255, 101, 87, .16);

    transition:
        filter .3s ease,
        transform .2s ease,
        box-shadow .3s ease;
}

body.dark-theme.page-id-637 .wpcf7 input[type="submit"]:hover,
body.dark-theme.page-id-637 .wpcf7 button[type="submit"]:hover,
body.dark-theme.page-id-637 .wpcf7 .wpcf7-submit:hover {
    filter: brightness(1.06);

    box-shadow:
        0 7px 22px rgba(255, 140, 90, .22);
}


/* Сообщения Contact Form 7 */

body.dark-theme.page-id-637 .wpcf7 form .wpcf7-response-output {
    border-color: rgba(174, 181, 194, .24) !important;
    color: var(--dark-muted) !important;
}


/* --------------------------------------------------------------------------
   Map
   -------------------------------------------------------------------------- */

/*
 * Yandex Map — внешний iframe.
 * Саму карту не инвертируем, чтобы не портить подписи, логотипы и цвета.
 * Убираем только возможные светлые промежутки вокруг неё.
 */

body.dark-theme.page-id-637 iframe,
body.dark-theme.page-id-637 .ymaps-2-1-79-map,
body.dark-theme.page-id-637 [class*="ymaps"] {
    border-color: transparent !important;
}