/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 27 2025 | 04:33:59 */
/* ========================================
   ПУЛЬСИРУЮЩАЯ ИКОНКА PLAY ДЛЯ ГАЛЕРЕИ
======================================== */

/* Скрываем стандартную иконку YouTube */
.eael-magnific-video-link img[src*="youtube_play"] {
    display: none !important;
}

/* Позиционируем контейнер для центрирования иконки */
.eael-magnific-video-link {
    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;
}

/* МАКСИМАЛЬНАЯ ТЕНЬ ПОД КНОПКОЙ */
.eael-magnific-video-link {
    filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.7)) !important;
}

/* ВТОРАЯ ВОЛНА ПУЛЬСАЦИИ */
.eael-magnific-video-link::before {
    content: "" !important;
    position: absolute !important;
    width: 3vw !important;
    height: 3vw !important;
    border-radius: 50% !important;
    animation: icon-pulse-second 3s infinite !important;
    animation-delay: 0.5s !important; /* Задержка для эффекта волн */
    pointer-events: none !important;
    z-index: 9 !important;
}

/* ОСНОВНАЯ КНОПКА PLAY + ПЕРВАЯ ВОЛНА ПУЛЬСАЦИИ */
.eael-magnific-video-link::after {
    content: "" !important;
    position: absolute !important;
    width: 3vw !important; /* Размер основной кнопки */
    height: 3vw !important;
    border-radius: 50% !important; /* Круглая форма */
    background: rgba(244, 65, 69, 1) !important; /* Основной цвет кнопки */
    background-image: url('/wp-content/uploads/2025/08/video-icon.svg') !important; /* SVG иконка play */
    background-size: 0.7vw 0.7vw !important; /* Размер иконки (увеличен на 15%) */
    background-repeat: no-repeat !important;
    background-position: center !important; /* Центрирование иконки */
    z-index: 10 !important; /* Поверх всех элементов */
    animation: icon-pulse-main 3s infinite !important; /* Первая волна пульсации */
}

/* АНИМАЦИЯ ПЕРВОЙ ВОЛНЫ ПУЛЬСАЦИИ */
@keyframes icon-pulse-main {
    0% {
        box-shadow: 0 0 0 0 rgba(244, 65, 69, 0.6);
    }
    70% {
        box-shadow: 0 0 0 7px rgba(244, 65, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 65, 69, 0);
    }
}

/* АНИМАЦИЯ ВТОРОЙ ВОЛНЫ ПУЛЬСАЦИИ */
@keyframes icon-pulse-second {
    0% {
        box-shadow: 0 0 0 0 rgba(244, 65, 69, 0.6);
    }
    70% {
        box-shadow: 0 0 0 7px rgba(244, 65, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 65, 69, 0);
    }
}