.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-801466f:#F4F6F9;--e-global-color-11de909:#005AAA;--e-global-color-156694c:#1E2229;--e-global-color-a44249b:#E0E4E8;--e-global-color-2f6e841:#3D6A9B;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ И СТИЛИ "СТАЛЬНЫЕ ТЕХНОЛОГИИ"
   ========================================================================== */
:root {
    /* Цветовая палитра */
    --color-accent-blue: #005aaa;       /* Акцентный синий */
    --color-accent-blue-hover: #0052CC; /* Синий при наведении */
    --color-dark-charcoal: #1E2229;     /* Темный графит (основной текст) */
    --color-light-gray: #F4F6F9;        /* Светло-серый фон */
    --color-border-gray: #E0E4E8;       /* Серый для рамок и линий */
    
    /* Шрифты */
    --font-family-headings: 'Montserrat', sans-serif;
    --font-family-text: 'Inter', sans-serif;
}

/* --- ГЛОБАЛЬНЫЙ КЛАСС ДЛЯ АКЦЕНТНОЙ СИНЕЙ КНОПКИ --- */
.btn-global-accent,
.btn-global-accent .elementor-button {
    background-color: var(--color-accent-blue) !important;
    color: #ffffff !important;
    font-family: var(--font-family-headings) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-global-accent:hover,
.btn-global-accent .elementor-button:hover {
    background-color: var(--color-accent-blue-hover) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.25) !important;
    transform: translateY(-1px);
}

/* --- ГЛОБАЛЬНЫЕ ТЕКСТОВЫЕ АКЦЕНТЫ --- */
.text-global-accent {
    color: var(--color-accent-blue) !important;
}

/* Синие иконки для виджетов "Иконка с текстом" */
.elementor-view-default .elementor-icon i {
    color: var(--color-accent-blue) !important;
}

/* --- СТИЛИЗАЦИЯ ТЕКСТА РЯДОМ С ЛОГОТИПОМ --- */
.logo-text {
    font-family: var(--font-family-headings) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: var(--color-dark-charcoal) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- ГЛОБАЛЬНОЕ МЕНЮ НАВИГАЦИИ --- */
.global-nav-menu .elementor-item {
    font-family: var(--font-family-headings) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--color-dark-charcoal) !important;
    transition: color 0.3s ease !important;
    padding: 10px 15px !important;
}

/* Эффект наведения и активный пункт */
.global-nav-menu .elementor-item:hover,
.global-nav-menu .elementor-item.elementor-item-active,
.global-nav-menu .elementor-item:focus {
    color: var(--color-accent-blue) !important;
}

/* Анимация подчеркивания при наведении (опционально) */
.global-nav-menu .elementor-item:after {
    background-color: var(--color-accent-blue) !important;
}


/* --- КОМПАКТНАЯ КНОПКА ДЛЯ ВЕРХНЕЙ СТРОКИ (TOP BAR) --- */
.btn-topbar-accent,
.btn-topbar-accent .elementor-button {
    background-color: var(--color-accent-blue) !important;
    color: #ffffff !important;
    font-family: var(--font-family-headings) !important;
    font-weight: 600 !important;
    font-size: 11px !important;            /* Уменьшенный аккуратный шрифт */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;         /* Менее скругленная кнопка для строгости */
    padding: 6px 14px !important;          /* Минимальные отступы, чтобы кнопка не растягивала строку */
    transition: all 0.3s ease !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Эффект наведения для компактной кнопки */
.btn-topbar-accent:hover,
.btn-topbar-accent .elementor-button:hover {
    background-color: var(--color-accent-blue-hover) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(0, 102, 255, 0.2) !important;
    transform: translateY(-1px);
}

/* --- СТИЛИ ДЛЯ ЗАКРЫВАЮЩЕЙ SVG-ИКОНКИ В ELEMENTOR --- */

/* 1. Область клика вокруг SVG-иконки */
.modal-close-btn .elementor-icon {
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. Стили самого SVG внутри виджета */
.modal-close-btn .elementor-icon svg {
    width: 28px !important;      /* Вы можете настроить размер крестика здесь */
    height: 28px !important;
    fill: none !important;
    stroke: #8B94A0 !important;  /* Дефолтный серый цвет крестика */
    stroke-width: 2.5px !important; /* Толщина линий */
    transition: stroke 0.3s ease, transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 3. Анимация при наведении (Hover) */
.modal-close-btn:hover .elementor-icon {
    background-color: var(--color-light-gray) !important; /* Появление круглой подложки */
}
.modal-close-btn:hover .elementor-icon svg {
    stroke: var(--color-accent-blue) !important;      /* Смена цвета крестика на синий */
    transform: rotate(90deg) scale(1.1) !important;   /* Вращение на 90 градусов и увеличение */
}

/* 4. Анимация при нажатии (Active) */
.modal-close-btn:active .elementor-icon {
    background-color: var(--color-border-gray) !important; /* Затемнение подложки при клике */
}
.modal-close-btn:active .elementor-icon svg {
    transform: rotate(90deg) scale(0.92) !important;   /* Эффект "нажатия" (уменьшение) */
    transition: all 0.1s ease !important;
}


/* --- АДАПТИВ ПОД ПЛАНШЕТЫ (до 1023px) --- */
@media (max-width: 1023px) {
    .btn-global-accent,
    .btn-global-accent .elementor-button {
        font-size: 13px !important;       /* Слегка уменьшаем размер текста */
        padding: 10px 20px !important;    /* Более компактные отступы */
    }
}

/* --- АДАПТИВ ПОД МОБИЛЬНЫЕ (до 767px) --- */
@media (max-width: 767px) {
    .btn-global-accent,
    .btn-global-accent .elementor-button {
        font-size: 13px !important;
        padding: 9px 16px !important;     /* Удобные отступы для узких экранов */
        letter-spacing: 0.3px !important; /* Уменьшаем межбуквенный интервал, чтобы текст не переносился */
    }
    
    /* Отключаем физическое смещение кнопки вверх на тач-экранах во избежание "залипания" */
    .btn-global-accent:hover,
    .btn-global-accent .elementor-button:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}/* End custom CSS */