/* ========================================================================= */
/* === ГЛАВНЫЙ БЛОК: ИЗМЕНЕНИЯ СВЕЧЕНИЯ И КНОПОК === */
/* ========================================================================= */

/* Переменные для удобства */
:root {
    --main-accent-color: #4A90E2; /* Яркий голубой для темного фона */
    --main-text-color: #2c3e50;
    --card-background-color: white;
}

/* 1. СВЕЧЕНИЕ: СДЕЛАНО ЧУТЬ БОЛЕЕ СЛАБЫМ */

/* 1. Делаем контейнер для GIF относительно позиционированным */
.blue-glow-card figure.wp-block-image {
    position: relative;
    z-index: 1; /* Поднимаем изображение над будущим белым кругом */
}

/* 2. Добавляем псевдоэлемент - белый круг + ослабленное свечение */
.blue-glow-card figure.wp-block-image::before {
    content: '';
    position: absolute;

    /* Размеры: Оставлено 100x100px для хорошего охвата */
    width: 100px;
    height: 100px;

    background-color: white; /* Центр остается белым */
    border-radius: 50%;

    /* Центрируем круг по отношению к figure */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    /* Отправляем круг ПОД GIF */
    z-index: -1;

    /* НОВОЕ: ОСЛАБЛЕННОЕ ГОЛУБОЕ СВЕЧЕНИЕ (уменьшены радиусы и прозрачность) */
    box-shadow: 0 0 30px 10px rgba(74, 144, 226, 0.6), /* Основной луч стал слабее */
                0 0 15px 3px rgba(74, 144, 226, 0.4); /* Дополнительный луч стал слабее */
    transition: box-shadow 0.3s ease; /* Плавный переход для тени */
}

/* ========================================================================= */
/* === 2. КНОПКИ ДЛЯ ТЕМНОГО ФОНА И ИСПРАВЛЕНИЕ ДУБЛИРОВАНИЯ ТЕКСТА === */
/* ========================================================================= */

/* СТИЛИЗАЦИЯ КНОПОК "УЗНАТЬ БОЛЬШЕ" */
.wp-container-core-columns-is-layout-e477bcfd .wp-block-button__link {
    overflow: hidden !important;
    transform: translateZ(0);

    /* НОВЫЙ ЦВЕТ (из переменной #4A90E2) */
    background-color: var(--main-accent-color) !important;
    color: white !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    border: none !important;
    box-shadow: 0 4px 10px rgba(74, 144, 226, 0.3);
}
.wp-container-core-columns-is-layout-e477bcfd .wp-block-button__link:hover {
    background-color: #357ABD !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(74, 144, 226, 0.5);
}

/* ========================================================================= */
/* === ОСТАЛЬНЫЕ СТИЛИ (НЕ ИЗМЕНЕНЫ, ВКЛЮЧЕНЫ ДЛЯ ПОЛНОТЫ) === */
/* ========================================================================= */

/* Ключевые кадры для анимации */
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ГЛАВНЫЕ КОНТЕЙНЕРЫ: Задаем общее скругление и overflow: hidden для маскировки углов при hover */
.wp-container-core-columns-is-layout-d63a68ca,
.wp-container-core-columns-is-layout-9344da24,
.wp-container-core-columns-is-layout-e477bcfd {
    border-radius: 20px;
    overflow: hidden;
}

/* 1.1. СТИЛИ ДЛЯ ВЕРХНЕГО СКРУГЛЕНИЯ (Контейнер 9344da24) */
/* Стили для колонок */
.wp-container-core-columns-is-layout-9344da24 .wp-block-column {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    z-index: 1;
}

/* Стили для внутренних карточек */
.wp-container-core-columns-is-layout-9344da24 .wp-block-group.has-style-box-shadow,
.wp-container-core-columns-is-layout-9344da24 .blue-glow-card {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: none !important;
    box-shadow: none !important;
    width: 100%;
    height: 100%;
}

/* 1.2. СТИЛИ ДЛЯ НИЖНЕГО СКРУГЛЕНИЯ (Контейнеры d63a68ca и e477bcfd) */

/* Стили для колонок */
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column,
.wp-container-core-columns-is-layout-d63a68ca .wp-block-column {
    background: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    z-index: 1;
}

/* Стили для внутренних карточек */
.wp-container-core-columns-is-layout-e477bcfd .wp-block-group.has-style-box-shadow,
.wp-container-core-columns-is-layout-d63a68ca .wp-block-group.has-style-box-shadow,
.wp-container-core-columns-is-layout-e477bcfd .blue-glow-card,
.wp-container-core-columns-is-layout-d63a68ca .blue-glow-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    transform: none !important;
    box-shadow: none !important;
    width: 100%;
    height: 100%;
}

/* СПЕЦИАЛЬНЫЙ СТИЛЬ ДЛЯ ТАБЛИЦЫ */
.wp-container-core-columns-is-layout-d63a68ca table {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    overflow: hidden;
}

/* 1.3. СТИЛИ ДЛЯ БЛОКА "О КОМПАНИИ" (Контейнер 08a2a807) */
.wp-container-core-columns-is-layout-08a2a807 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    overflow: hidden;
}

/* Обнуляем радиусы для внутренних колонок и групп */
.wp-container-core-columns-is-layout-08a2a807 .wp-block-column,
.wp-container-core-columns-is-layout-08a2a807 .wp-block-group.is-layout-flow,
.wp-container-core-columns-is-layout-08a2a807 .wp-block-column:first-child,
.wp-container-core-columns-is-layout-08a2a807 .wp-block-column:last-child {
    border-radius: 0 !important;
    background: none !important;
}

/* ОБЩИЕ СТИЛИ ДЛЯ ЭФФЕКТА НАВЕДЕНИЯ (Hover) */

/* Подъем и тень колонки при наведении */
.wp-container-core-columns-is-layout-d63a68ca .wp-block-column:hover,
.wp-container-core-columns-is-layout-9344da24 .wp-block-column:hover,
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

/* Сброс трансформации и тени для внутренних групп при наведении */
.wp-container-core-columns-is-layout-d63a68ca .wp-block-column:hover .wp-block-group.has-style-box-shadow,
.wp-container-core-columns-is-layout-9344da24 .wp-block-column:hover .wp-block-group.has-style-box-shadow,
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:hover .wp-block-group.has-style-box-shadow,
.wp-container-core-columns-is-layout-d63a68ca .wp-block-column:hover .blue-glow-card,
.wp-container-core-columns-is-layout-9344da24 .wp-block-column:hover .blue-glow-card,
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:hover .blue-glow-card {
    transform: none !important;
    box-shadow: none !important;
}

/* Анимация иконок при наведении - ИСПРАВЛЕНО */
.wp-container-core-columns-is-layout-d63a68ca .wp-block-column:hover .wp-block-image img,
.wp-container-core-columns-is-layout-9344da24 .wp-block-column:hover .wp-block-image img,
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:hover .wp-block-image img {
    transform: scale(1.05);
}

/* === ОБЩИЙ КОНТЕЙНЕР УСЛУГ === */
.wp-container-core-columns-is-layout-e477bcfd {
    padding-top: var(--wp--preset--spacing--20);
    padding-bottom: var(--wp--preset--spacing--20);
}

/* === СТИЛИЗАЦИЯ КАРТОЧЕК УСЛУГ (blue-glow-card) === */
.wp-container-core-columns-is-layout-e477bcfd .wp-block-group.blue-glow-card {
    background-color: var(--card-background-color) !important;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;

    /* Анимация появления при загрузке */
    animation: zoomIn 0.8s ease-out both;
}

/* Каскадная задержка для анимации каждой карточки */
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:nth-child(1) .blue-glow-card { animation-delay: 0.1s; }
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:nth-child(2) .blue-glow-card { animation-delay: 0.2s; }
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:nth-child(3) .blue-glow-card { animation-delay: 0.3s; }
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:nth-child(4) .blue-glow-card { animation-delay: 0.4s; }
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:nth-child(5) .blue-glow-card { animation-delay: 0.5s; }
.wp-container-core-columns-is-layout-e477bcfd .wp-block-column:nth-child(6) .blue-glow-card { animation-delay: 0.6s; }

/* === СТИЛИЗАЦИЯ ИКОНОК В КАРТОЧКАХ (УЛУЧШЕННАЯ ПЛАВНОСТЬ) === */
.wp-container-core-columns-is-layout-e477bcfd figure.wp-block-image img {
    /* Полное удаление стилей кругов, обводки, фона */
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;

    /* УЛУЧШЕННАЯ ПЛАВНОСТЬ (transition применяется в обычном состоянии) */
    transition: transform 0.5s ease; /* Увеличено до 0.5s для большей плавности */
}

/* === СТИЛИЗАЦИЯ ЗАГОЛОВКОВ В КАРТОЧКАХ === */
.wp-container-core-columns-is-layout-e477bcfd .wp-block-heading {
    color: var(--main-text-color);
    font-weight: 600 !important;
    font-size: 1.25rem;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

/* === АДАПТИВНОСТЬ === */
@media (max-width: 780px) {
    .wp-container-core-columns-is-layout-e477bcfd .wp-block-group.blue-glow-card {
        min-height: auto;
    }
}
/* --- КОРРЕКЦИЯ: ОЧЕНЬ РАСПЛЫВЧАТОЕ, СЛАБОЗАМЕТНОЕ СВЕЧЕНИЕ --- */

.blue-glow-card {
    /* Основные настройки остаются */
    position: relative !important;
    overflow: visible !important;
    z-index: 1 !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    padding: 15px !important;
}

/* 2. Создаем очень слабое свечение через псевдоэлемент */
.blue-glow-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: -1 !important;

/* ОЧЕНЬ РАСПЛЫВЧАТОЕ, СЛАБОЕ СВЕЧЕНИЕ */
    box-shadow:
        /* Используем очень низкую непрозрачность (0.1) и большой радиус размытия (40px) */
        0 0 40px 10px rgba(0, 150, 255, 0.1), /* Первый, очень широкий и слабый слой */
        0 0 80px 0 rgba(0, 150, 255, 0.05) !important; /* Второй, еще более слабый ореол */

    border-radius: 12px !important;
    transition: box-shadow 0.6s ease-in-out !important; /* Увеличим время перехода для большей плавности */
}

/* 3. Эффект при наведении (очень плавное и слабое усиление) */
.blue-glow-card:hover::before {
    /* Непрозрачность чуть-чуть повышается для едва заметного эффекта */
    box-shadow:
        0 0 50px 15px rgba(0, 150, 255, 0.15),
        0 0 90px 0 rgba(0, 150, 255, 0.1) !important;
}
/* 4. Устранение возможного обрезания тени родительскими блоками */
.wp-block-column,
.wp-block-columns,
.wp-block-column.is-vertically-aligned-center.has-base-background-color.has-background {
    overflow: visible !important;
}

/* === ИСПРАВЛЕНИЯ ДЛЯ ЗАТЕМНЕНИЯ КАРТОЧЕК (ОТМЕНА БЕЛОГО ФОНА) === */
/* Эти стили должны быть применены в вашем первом CSS-файле (cards_background_effect_styles_v75) */
.cards-section-background.filled .wp-block-column,
.cards-section-background.filled .wp-block-column.has-background, 
.cards-section-background.filled .blue-glow-card,
.cards-section-background.filled .blue-glow-card.has-background, 
.cards-section-background.filled .blue-glow-card.has-background-background-color,
.cards-section-background.filled + .wp-block-columns .wp-block-column,
.cards-section-background.filled + .wp-block-columns .blue-glow-card
{
    background: none !important; /* Сброс всех фоновых стилей */
    box-shadow: none !important;
    border: none !important;
}

/* --- АНИМАЦИЯ СМЕНЫ ТЕКСТА КНОПКИ ПРИ НАВЕДЕНИИ (ТОЛЬКО ДЛЯ КАРТОЧЕК С blue-glow-card) --- */

/* 0. Стилизуем контейнер кнопки, чтобы обеспечить корректную работу ::before/::after */
.blue-glow-card .wp-block-button {
    overflow: hidden !important; /* Убедимся, что псевдоэлементы не выходят за границы */
    position: relative !important;
}

/* 1. Стилизуем саму ссылку (КЛЮЧЕВЫЕ ИЗМЕНЕНИЯ ДЛЯ СКРЫТИЯ ТЕКСТА) */
.blue-glow-card .wp-block-button__link {
    /* Базовые свойства */
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s ease-in-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* --- ГАРАНТИРОВАННОЕ СКРЫТИЕ ОСНОВНОГО ТЕКСТА --- */
    color: transparent !important;
    text-indent: -9999px !important; /* Скрываем текст за пределы кнопки */
}

/* 1.5. ГАРАНТИРОВАННОЕ СКРЫТИЕ ВНУТРЕННЕГО SPAN (ЕСЛИ ЕСТЬ) */
.blue-glow-card .wp-block-button__link > span {
    color: transparent !important;
}

/* 2. Создаем псевдоэлемент ::before (ИЗНАЧАЛЬНЫЙ ТЕКСТ) */
.blue-glow-card .wp-block-button__link::before {
    content: "Узнать больше" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* ВОССТАНОВЛЕНИЕ ТЕКСТА ДЛЯ ПСЕВДОЭЛЕМЕНТОВ */
    color: var(--wp--preset--color--background, #fff) !important;
    text-indent: 0 !important; /* Отменяем text-indent */

    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.4, 1) !important;
    z-index: 2 !important;
}

/* 3. Создаем псевдоэлемент ::after (НОВЫЙ ТЕКСТ) */
.blue-glow-card .wp-block-button__link::after {
    content: "Узнать больше" !important;
    position: absolute !important;
    top: -100% !important; /* Изначально скрыт сверху */
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* ВОССТАНОВЛЕНИЕ ТЕКСТА ДЛЯ ПСЕВДОЭЛЕМЕНТОВ */
    color: var(--wp--preset--color--background, #fff) !important;
    text-indent: 0 !important; /* Отменяем text-indent */

    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.4, 1) !important;
    z-index: 1 !important;
}

/* --- АНИМАЦИЯ ПРИ НАВЕДЕНИИ КУРСОРА (::before уходит вниз, ::after приходит сверху) --- */

.blue-glow-card .wp-block-button__link:hover::before {
    /* Исходный текст уходит вниз */
    transform: translateY(100%) !important;
}

.blue-glow-card .wp-block-button__link:hover::after {
    /* Новый текст приходит на его место */
    transform: translateY(100%) !important;
}