/**
 * WP ConsentGuardian - Privacy Modal Styles
 *
 * Стили для модального окна политики конфиденциальности.
 */

/* CSS Variables for Privacy Modal Styling - will be overridden by dynamic injection */
:root {
    --wpcg-privacy-modal-border-radius: 0px;
    --wpcg-privacy-modal-text-color: #D2C8BC;
    --wpcg-privacy-modal-bg-color: #000000;
    --wpcg-privacy-modal-bg-opacity: 0.5;
    --wpcg-privacy-modal-bg-blur: 10px;
    --wpcg-privacy-modal-bg-rgba: rgba(0, 0, 0, 0.5);
}

/* ПРИНУДИТЕЛЬНЫЕ СТИЛИ ДЛЯ КОРРЕКТНОГО ОТОБРАЖЕНИЯ ТЕКСТА В МОДАЛЬНОМ ОКНЕ */
.wpcg-modal-body {
    white-space: pre-line !important;
    overflow-wrap: break-word !important;
    line-height: 1.6 !important;
}

.wpcg-modal-body p {
    margin-bottom: 15px !important;

    display: block !important;
    line-height: 1.6 !important;
}

.wpcg-modal-body h2,
.wpcg-modal-body h3 {
    display: block;
    font-weight: 600;
}

.wpcg-modal-body h3 {
    font-size: 1.5em;
    color: var(--wpcg-privacy-modal-text-color, #333333);
}


.wpcg-modal-body h2:first-child {
    margin-top: 0 !important;
}

/* Базовые стили для всех кнопок валидации */
.cg-privacy-validation-button {
    position: relative !important;
    transition: all 0.3s ease !important;
}

.cg-privacy-validation-button * {
    transition: opacity 0.3s ease, filter 0.3s ease !important;
}

/* Разблокированное состояние (когда чекбокс отмечен) */
.cg-privacy-validation-button.wpcg-validation-unblocked {
    opacity: 1 !important;
    cursor: pointer !important;
    filter: none !important;
    user-select: auto !important;
    touch-action: auto !important;
    pointer-events: auto !important;
}

.cg-privacy-validation-button.wpcg-validation-unblocked * {
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: auto !important;
    /* Убираем только визуальные изменения блокировки */
    filter: none !important;
    opacity: 1 !important;
}

/* ВЫСОКАЯ СПЕЦИФИЧНОСТЬ для обязательного скрытия overlay при разблокировке */
.cg-privacy-validation-button.wpcg-validation-unblocked::before,
html body .cg-privacy-validation-button.wpcg-validation-unblocked::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

.cg-privacy-validation-button.wpcg-validation-unblocked a,
.cg-privacy-validation-button.wpcg-validation-unblocked button,
.cg-privacy-validation-button.wpcg-validation-unblocked input[type="submit"],
.cg-privacy-validation-button.wpcg-validation-unblocked input[type="button"] {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Модальное окно */
.wpcg-modal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-animation: wpcgFadeIn 0.3s forwards;
    animation: wpcgFadeIn 0.3s forwards;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(var(--wpcg-modal-bg-blur, 3px));
    -webkit-backdrop-filter: blur(var(--wpcg-modal-bg-blur, 3px));
    visibility: hidden;
}

.wpcg-modal.active {
    opacity: 1;
    visibility: visible;
}

.wpcg-privacy-modal-content {
    position: relative;
    margin: 10vh auto;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    width: 80%;
    max-width: 700px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    background: var(--wpcg-privacy-modal-bg-rgba, rgba(255, 255, 255, 0.95));
    border-radius: var(--wpcg-privacy-modal-border-radius, 8px);
    color: var(--wpcg-privacy-modal-text-color, #333333);
}

/* Эффекты для активного модального окна */
.wpcg-modal.active .wpcg-privacy-modal-content {
    transform: translateY(0);
    opacity: 1;
}

/* Анимации */
@keyframes wpcgFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes wpcgFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Кнопка закрытия */
.wpcg-close {
    position: absolute;
    right: 15px;
    top: 15px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--wpcg-text-color, #D2C8BC);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
    z-index: 10;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.wpcg-close:hover {
    background: none;
}

.wpcg-close:focus,
.wpcg-close:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Заголовок модального окна */
.wpcg-modal h2 {
    margin: 0;
    padding: 40px 60px 30px;
    font-size: 2em;
    color: var(--wpcg-privacy-modal-text-color, #333333);
}

/* Содержимое модального окна */
.wpcg-privacy-modal-content p {
    line-height: 1.5;
    margin-bottom: 10px;
    color: var(--wpcg-privacy-modal-text-color, #333333);
}

/* Улучшенные стили для абзацев и текста в модальном окне */
.wpcg-modal-body p {
    line-height: 1.6;
    margin-bottom: 15px;
    color: var(--wpcg-privacy-modal-text-color, #333333);
}


.wpcg-modal-body ul,
.wpcg-modal-body ol {
    margin-bottom: 15px;
    padding-left: 20px;
}

.wpcg-modal-body li {
    margin-bottom: 5px;
}

/* Контейнер содержимого с прокруткой */
.wpcg-modal-body {
    padding: 0 30px 0 0;
    overflow-y: auto;
    max-height: 60vh;
    margin: 0 30px 0 60px;
}


/* Контейнер футера модального окна */
.wpcg-privacy-modal-content .wpcg-modal-footer {
    padding: 30px 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* Кнопки в модальном окне */
.wpcg-modal-buttons {
    text-align: right;
}

.wpcg-modal-button {
    padding: 12px 24px;
    border: 1px solid var(--wpcg-modal-text-color);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 44px;
    background: transparent;
    color: var(--wpcg-modal-text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    text-shadow: none;
    border-width: 1px;
    border-style: solid;
}

.wpcg-modal-button:hover {
    background: rgba(210, 200, 188, 0.1) !important;
    color: var(--wpcg-modal-text-color) !important;
    transform: none !important;
    /* Убираем transform эффекты */
    border-color: var(--wpcg-modal-text-color) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.wpcg-modal-button.secondary {
    background-color: #666;
}

.wpcg-modal-button.secondary:hover {
    background-color: #555;
}

/* Стили для кнопки принятия в модальном окне */
.wpcg-privacy-accept {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    outline: none;
    text-align: center;
    min-width: 150px;
}

.wpcg-privacy-accept:hover:not(:disabled) {
    background-color: #005a87;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.wpcg-privacy-accept:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Стили для неактивной кнопки */
.wpcg-privacy-accept:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Стили для активированной кнопки */
.wpcg-privacy-accept.active {
    animation: buttonPulse 1.5s infinite;
    background-color: #46b450;
}

/* Анимация пульсации для кнопки после прокрутки */
@keyframes buttonPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(70, 180, 80, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(70, 180, 80, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(70, 180, 80, 0);
    }
}

/* Стили для модального окна в Сценарии 2 */
.wpcg-modal.scenario2 .wpcg-modal-footer {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    position: relative;
    z-index: 10;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

/* Анимация появления кнопки */
.wpcg-modal.scenario2 .wpcg-privacy-accept:not(:disabled) {
    animation: fadeInButton 0.5s ease-in-out;
}

@keyframes fadeInButton {
    from {
        opacity: 0.5;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* УНИВЕРСАЛЬНАЯ СИСТЕМА БЛОКИРОВКИ КНОПОК */

/* ===== MIGRATED LEGACY UNIVERSAL BLOCKING SYSTEM ===== */
/* Эта секция заменена на новую систему визуализации кнопок */
/* Старые селекторы оставлены для обратной совместимости, но переопределены */

/* Контейнер заблокированной кнопки - совместимый с новой системой */
.wpcg-validation-blocked {
    position: relative;
    /* Визуализация теперь управляется классами wpcg-block-* */
    pointer-events: auto !important;
    /* Важно для JS обработчиков */
}

/* Legacy селекторы - ПЕРЕОПРЕДЕЛЕНЫ для совместимости с новой системой */
.cg-privacy-validation-button:not(.active):not(.wpcg-validation-unblocked) {
    /* Стили перенесены в систему визуализации */
    position: relative !important;
    /* Визуализация управляется JS и CSS классами */
}

/* Убираем старые overlay - они заменены на систему визуализации */
/* ИСПРАВЛЕНИЕ: Не блокируем иконки замка */
.cg-privacy-validation-button:not(.active):not(.wpcg-validation-unblocked):not(.wpcg-block-lock):not(.wpcg-block-combined)::before {
    /* Удалено: старый overlay больше не используется */
    display: none !important;
}

/* Legacy активные кнопки - совместимость с новой системой */
.cg-privacy-validation-button.active {
    /* Обработка разблокировки перенесена в новую систему */
    opacity: 1 !important;
    filter: none !important;
}

/* ===== LEGACY BUTTON BLOCKING STYLES - MIGRATED TO NEW SYSTEM ===== */
/* Эти селекторы сохранены для обратной совместимости */
/* Но фактическая визуализация теперь управляется новой системой */

/* Блокировка кликабельных элементов - совместимость с новой системой */
.wpcg-validation-blocked button,
.wpcg-validation-blocked input[type="button"],
.wpcg-validation-blocked input[type="submit"],
.wpcg-validation-blocked input[type="reset"],
.wpcg-validation-blocked a[href],
.wpcg-validation-blocked [role="button"],
.wpcg-validation-blocked .wp-block-button__link,
.wpcg-validation-blocked .uagb-button,
.wpcg-validation-blocked .elementor-button {
    /* Визуализация управляется новой системой, не жесткими стилями */
    pointer-events: auto !important;
    /* Важно для JS обработчиков */
}

/* Legacy overlay - ЗАМЕНЕН на новую систему визуализации */
/* ИСПРАВЛЕНИЕ: Не блокируем иконки замка */
.wpcg-validation-blocked:not(.wpcg-block-lock):not(.wpcg-block-combined)::before {
    /* Старый overlay удален, используется новая система визуализации */
    display: none !important;
}

/* Специальные стили для популярных типов кнопок */

/* WordPress блоки кнопок */
.wpcg-validation-blocked .wp-block-button {
    transform: none !important;
}

.wpcg-validation-blocked .wp-block-button__link {
    box-shadow: none !important;
    transform: none !important;
}

/* UAGB РєРЅРѕРїРєРё */
.wpcg-validation-blocked .uagb-button-wrapper,
.wpcg-validation-blocked .uagb-button {
    transform: none !important;
    box-shadow: none !important;
}

/* Elementor РєРЅРѕРїРєРё */
.wpcg-validation-blocked .elementor-button-wrapper,
.wpcg-validation-blocked .elementor-button {
    transform: none !important;
    box-shadow: none !important;
}

/* Contact Form 7 РєРЅРѕРїРєРё */
.wpcg-validation-blocked .wpcf7-submit {
    transform: none !important;
}

/* Gravity Forms РєРЅРѕРїРєРё */
.wpcg-validation-blocked .gform_button,
.wpcg-validation-blocked .gform_next_button,
.wpcg-validation-blocked .gform_previous_button {
    transform: none !important;
}

/* Стили для чекбокса согласия */
.wpcg-privacy-checkbox-label {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    gap: 8px;
}

.wpcg-privacy-checkbox-label input[type="checkbox"] {
    margin-top: 3px;
    flex-shrink: 0;
}

.wpcg-privacy-checkbox-label span {
    line-height: 1.4;
    color: #555;
}

/* Hover эффект для незаблокированных кнопок */
.cg-privacy-validation-button:not(.wpcg-validation-blocked):hover {
    transform: translateY(-1px);
    transition: transform 0.2s ease;
}

/* Адаптивность */
@media (max-width: 500px) {

    .wpcg-privacy-modal-content {
        width: calc(100% - 20px);
        height: 80vh;
        margin: 10vh auto;
    }

    .wpcg-privacy-modal-content h2 {
        font-size: 24px;
        padding: 20px 20px;
    }

    .wpcg-privacy-modal-content .wpcg-modal-body {
        padding: 0px;
        overflow-y: auto;
        max-height: 60vh;
        margin: 0px 20px;
    }

    .wpcg-privacy-modal-content .wpcg-modal-footer {
        padding: 20px 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* остальное */
    .wpcg-category-header {
        padding: 0px 0px 20px;
    }

    .wpcg-category-title {
        font-size: 20px;
    }

    .wpcg-modal-scroll-area {
        margin: 0px 20px;
    }

    .wpcg-modal h2,
    #wpcg-modal-title {
        font-size: 24px !important;
        padding: 20px 20px;
    }

    .wpcg-modal h3,
    #wpcg-modal-title {
        font-size: 24px !important;

    }

    .wpcg-modal-body h3 {
        font-size: 20px;
    }

    .wpcg-modal-description {
        padding: 20px 30px 15px;
    }

    .wpcg-modal-button {
        width: 100%;
        min-width: auto;
    }

    .wpcg-category-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .wpcg-modal-content {
        width: calc(100% - 20px);
        height: 80vh;
        margin: 10vh auto;
        border-radius: 0;
    }

    .wpcg-settings-form {
        padding: 0px;
    }

    .wpcg-modal-buttons {
        padding: 20px 20px;
    }

    .wpcg-category-item {
        padding: 15px 0px;
    }
}

/* Accessibility */
.wpcg-modal:focus {
    outline: none;
}

.wpcg-privacy-modal-content:focus {
    outline: 2px solid #007acc;
    outline-offset: 2px;
}

.wpcg-close:focus {
    outline: 2px solid #007acc;
    outline-offset: 2px;
}

/* Print стили */
@media print {
    .wpcg-modal {
        display: none !important;
    }
}

/* СПЕЦИАЛЬНАЯ БЛОКИРОВКА ДЛЯ UAGB КНОПОК - совместимо с новой системой */
.uagb-buttons__outer-wrap.cg-privacy-validation-button.wpcg-validation-blocked .uagb-button {
    position: relative !important;
    cursor: not-allowed !important;
    /* Визуализация управляется новой системой через CSS переменные */
    /* НЕ используем pointer-events: none чтобы JS работал */
}

/* Дополнительная защита для вложенных элементов */
.cg-privacy-validation-button.wpcg-validation-blocked .uagb-button * {
    cursor: not-allowed !important;
}

/* Убираем pointer-events: none для UAGB кнопок чтобы JS обработчики работали */
.uagb-buttons__outer-wrap.cg-privacy-validation-button.wpcg-validation-blocked {
    pointer-events: auto !important;
}

.uagb-buttons__outer-wrap.cg-privacy-validation-button.wpcg-validation-blocked .uagb-button {
    pointer-events: auto !important;
}

/* Стили для индикатора статуса согласия */
.wpcg-consent-status {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #f0f8ff;
    border: 1px solid #b8daff;
    border-radius: 4px;
    color: #004085;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpcg-consent-check {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    color: #46b450;
    font-weight: bold;
}

/* ===== ENHANCED FIELD VALIDATION STYLES (v2.6.4) ===== */

/* Valid field styling */
.wpcg-field-valid {
    border-color: #4CAF50 !important;
    background-color: #f8fff8 !important;
    box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2) !important;
}

.wpcg-field-valid:focus {
    border-color: #4CAF50 !important;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3) !important;
}

/* Invalid field styling */
.wpcg-field-invalid {
    border-color: #f44336 !important;
    background-color: #fff8f8 !important;
    box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.2) !important;
}

.wpcg-field-invalid:focus {
    border-color: #f44336 !important;
    box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.3) !important;
}

/* Field validation indicators */
.wpcg-field-valid::after {
    content: "вњ“";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #4CAF50;
    font-weight: bold;
    font-size: 16px;
    z-index: 10;
}

.wpcg-field-invalid::after {
    content: "вњ—";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #f44336;
    font-weight: bold;
    font-size: 16px;
    z-index: 10;
}

/* Field wrapper for positioning indicators */
.wpcg-field-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* ===== DEPRECATED LEGACY STYLES - УДАЛЕНЫ ===== */
/* Эти стили заменены на новую унифицированную систему блокировки */
/* с поддержкой CSS переменных для кастомизации */

/* Active/enabled button styles */
.cg-privacy-validation-button:not(.wpcg-validation-blocked) {
    opacity: 1 !important;
    cursor: pointer !important;
    filter: none !important;
    user-select: auto !important;
    touch-action: auto !important;
}

.cg-privacy-validation-button:not(.wpcg-validation-blocked) * {
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: auto !important;
}

/* Checkbox consent styling enhancement */
.cg-privacy-checkbox:checked+label {
    color: #4CAF50 !important;
    font-weight: 500 !important;
}

.cg-privacy-checkbox:not(:checked)+label {
    color: #666 !important;
}

/* ===== OPTIMIZED UNBLOCKING STYLES ===== */

/* Разблокированные кнопки - чистые стили без конфликтов */
.cg-privacy-validation-button.wpcg-validation-unblocked {
    /* Полный сброс всех блокирующих стилей */
    opacity: 1 !important;
    filter: none !important;
    cursor: auto !important;
    pointer-events: auto !important;
    user-select: auto !important;
    touch-action: auto !important;
    position: relative !important;
    transform: none !important;
    transition: all 0.3s ease !important;
}

/* Убираем все overlay и псевдоэлементы системы визуализации */
.cg-privacy-validation-button.wpcg-validation-unblocked::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
}

/* Дочерние элементы разблокированных кнопок */
.cg-privacy-validation-button.wpcg-validation-unblocked * {
    cursor: auto !important;
    pointer-events: auto !important;
    user-select: auto !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Убираем все классы визуализации при разблокировке */
.cg-privacy-validation-button.wpcg-validation-unblocked.wpcg-block-gray,
.cg-privacy-validation-button.wpcg-validation-unblocked.wpcg-block-lock,
.cg-privacy-validation-button.wpcg-validation-unblocked.wpcg-block-combined,
.cg-privacy-validation-button.wpcg-validation-unblocked.wpcg-block-none {
    /* Переопределяем все стили визуализации */
    filter: none !important;
    opacity: 1 !important;
}

/* ===== END OPTIMIZED UNBLOCKING STYLES */

/* Специфичные сбросы для различных типов кнопок */
.cg-privacy-validation-button.wpcg-validation-unblocked button,
.cg-privacy-validation-button.wpcg-validation-unblocked input[type="button"],
.cg-privacy-validation-button.wpcg-validation-unblocked input[type="submit"],
.cg-privacy-validation-button.wpcg-validation-unblocked input[type="reset"],
.cg-privacy-validation-button.wpcg-validation-unblocked a[href],
.cg-privacy-validation-button.wpcg-validation-unblocked [role="button"],
.cg-privacy-validation-button.wpcg-validation-unblocked .wp-block-button__link,
.cg-privacy-validation-button.wpcg-validation-unblocked .uagb-button,
.cg-privacy-validation-button.wpcg-validation-unblocked .elementor-button,
.wpcg-validation-unblocked button,
.wpcg-validation-unblocked input[type="button"],
.wpcg-validation-unblocked input[type="submit"],
.wpcg-validation-unblocked input[type="reset"],
.wpcg-validation-unblocked a[href],
.wpcg-validation-unblocked [role="button"],
.wpcg-validation-unblocked .wp-block-button__link,
.wpcg-validation-unblocked .uagb-button,
.wpcg-validation-unblocked .elementor-button {
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    filter: none !important;
    /* ИСПРАВЛЕНО: Убираем агрессивный сброс с unset !important */
    /* Сохраняем оригинальные стили кнопок, убираем только блокирующие эффекты */
    transform: none !important;
    /* Сохраняем transition для плавности анимаций */
}

/* Специальные сбросы для популярных конструкторов */
.cg-privacy-validation-button.wpcg-validation-unblocked .wp-block-button,
.wpcg-validation-unblocked .wp-block-button {
    transform: none !important;
    /* ИСПРАВЛЕНО: Убираем unset, сохраняем оригинальные стили */
}

.cg-privacy-validation-button.wpcg-validation-unblocked .uagb-button-wrapper,
.cg-privacy-validation-button.wpcg-validation-unblocked .uagb-button,
.wpcg-validation-unblocked .uagb-button-wrapper,
.wpcg-validation-unblocked .uagb-button {
    transform: none !important;
    filter: none !important;
    /* Убираем только блокирующие эффекты */
}

.cg-privacy-validation-button.wpcg-validation-unblocked .elementor-button-wrapper,
.cg-privacy-validation-button.wpcg-validation-unblocked .elementor-button,
.wpcg-validation-unblocked .elementor-button-wrapper,
.wpcg-validation-unblocked .elementor-button {
    transform: none !important;
    filter: none !important;
    /* Убираем только блокирующие эффекты */
}

/* Дополнительные сбросы для улучшенной валидации полей */
.wpcg-field-valid,
.wpcg-field-invalid {
    border-color: unset !important;
    background-color: unset !important;
    box-shadow: unset !important;
}

.wpcg-field-valid:focus,
.wpcg-field-invalid:focus {
    outline: none !important;
}

/* Убираем индикаторы валидности полей */
.wpcg-field-valid::after,
.wpcg-field-invalid::after {
    content: none !important;
}

/* ===== END ENHANCED FIELD VALIDATION STYLES ===== */

/* ===== UNIFIED BUTTON BLOCKING SYSTEM ===== */
/* Единая система блокировки кнопок с поддержкой CSS переменных */

/* Базовые стили для всех заблокированных кнопок */
.cg-privacy-validation-button.wpcg-validation-blocked {
    position: relative !important;
    overflow: visible !important;
    pointer-events: auto !important;
    cursor: not-allowed !important;
    transition: all 0.3s ease !important;
    /* Базовые стили блокировки - будут переопределены специфичными типами */
}

/* Дочерние элементы заблокированных кнопок */
.cg-privacy-validation-button.wpcg-validation-blocked * {
    cursor: not-allowed !important;
    /* НЕ блокируем pointer-events - это нужно для JS */
    transition: inherit !important;
}

/* 1. Стандартная визуализация (none) - используются базовые стили блокировки */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-none {
    opacity: var(--wpcg-block-opacity, 0.6) !important;
    filter: var(--wpcg-block-filter, grayscale(30%)) !important;
}

/* 2. Серый фильтр (gray) - упрощенная версия только с интенсивностью */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-gray {
    filter: var(--wpcg-gray-filter, grayscale(100%)) !important;
    transition: filter 0.3s ease !important;
}

/* Цветное наложение для серого фильтра */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-gray::after {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--wpcg-overlay-color, transparent) !important;
    opacity: var(--wpcg-overlay-opacity, 0) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    transition: opacity 0.3s ease !important;
}

/* 3. SVG иконка замка (lock) */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock::before {
    content: '';
    display: block !important;
    /* ПРИНУДИТЕЛЬНОЕ ОТОБРАЖЕНИЕ */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: var(--wpcg-lock-size, 24px) !important;
    height: var(--wpcg-lock-size, 24px) !important;
    background-image: url('../svg/lock.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* Применяем цвет замка через filter */
    filter: var(--wpcg-lock-color-filter, brightness(0) saturate(100%) invert(50%)) !important;
    pointer-events: none !important;
    z-index: 9999 !important;
}

/* ВЫСОКАЯ СПЕЦИФИЧНОСТЬ - Принудительное отображение иконки замка */
html body .cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock::before,
html body .cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined::before {
    display: block !important;
    content: '' !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Позиционирование замка */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock.wpcg-lock-center::before {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock.wpcg-lock-left::before {
    top: 50% !important;
    left: var(--wpcg-lock-offset, 5px) !important;
    transform: translateY(-50%) !important;
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock.wpcg-lock-right::before {
    top: 50% !important;
    right: var(--wpcg-lock-offset, 5px) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
}

/* Тень для замка */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock.wpcg-lock-shadow::before {
    filter: var(--wpcg-lock-color-filter, brightness(0) saturate(100%) invert(50%)) drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* 4. Комбинированный режим (gray + lock) - упрощенная версия */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined {
    filter: var(--wpcg-gray-filter, grayscale(100%)) !important;
    transition: filter 0.3s ease !important;
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined::before {
    content: '';
    display: block !important;
    /* ПРИНУДИТЕЛЬНОЕ ОТОБРАЖЕНИЕ */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: var(--wpcg-lock-size, 24px) !important;
    height: var(--wpcg-lock-size, 24px) !important;
    background-image: url('../svg/lock.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* Применяем цвет замка через filter */
    filter: var(--wpcg-lock-color-filter, brightness(0) saturate(100%) invert(50%)) !important;
    pointer-events: none !important;
    z-index: 9999 !important;
}

/* Копируем все позиционирования и для комбинированного режима */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined.wpcg-lock-center::before {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined.wpcg-lock-left::before {
    top: 50% !important;
    left: var(--wpcg-lock-offset, 5px) !important;
    transform: translateY(-50%) !important;
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined.wpcg-lock-right::before {
    top: 50% !important;
    right: var(--wpcg-lock-offset, 5px) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined.wpcg-lock-shadow::before {
    filter: var(--wpcg-lock-color-filter, brightness(0) saturate(100%) invert(50%)) drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* Цветное наложение для комбинированного режима */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined::after {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: var(--wpcg-overlay-color, transparent) !important;
    opacity: var(--wpcg-overlay-opacity, 0) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    /* Выше замка (z-index: 9999) но ниже других элементов */
    transition: opacity 0.3s ease !important;
}

/* ===== UNLOCK ANIMATION ===== */
/* Анимация разблокировки замка: lock.svg → lock_open.svg → fade out */
@keyframes wpcg-unlock {
    0% {
        /* Start with locked icon */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M252.31-100q-29.83 0-51.07-21.24Q180-142.48 180-172.31v-375.38q0-29.83 21.24-51.07Q222.48-620 252.31-620H300v-80q0-74.92 52.54-127.46Q405.08-880 480-880q74.92 0 127.46 52.54Q660-774.92 660-700v80h47.69q29.83 0 51.07 21.24Q780-577.52 780-547.69v375.38q0 29.83-21.24 51.07Q737.52-100 707.69-100H252.31ZM480-290q29.15 0 49.58-20.42Q550-330.85 550-360t-20.42-49.58Q509.15-430 480-430t-49.58 20.42Q410-389.15 410-360t20.42 49.58Q450.85-290 480-290ZM360-620h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80Z'/%3E%3C/svg%3E");
        opacity: 1;
        transform: scale(1);
    }

    30% {
        /* Slight scale up for attention */
        transform: scale(1.1);
        opacity: 1;
    }

    50% {
        /* Switch to unlocked icon */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M252.31-620H600v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85h-60q0-74.92 52.54-127.46Q405.08-880 480-880q74.92 0 127.46 52.54Q660-774.92 660-700v80h47.69q29.83 0 51.07 21.24Q780-577.52 780-547.69v375.38q0 29.83-21.24 51.07Q737.52-100 707.69-100H252.31q-29.83 0-51.07-21.24Q180-142.48 180-172.31v-375.38q0-29.83 21.24-51.07Q222.48-620 252.31-620ZM480-290q29.15 0 49.58-20.42Q550-330.85 550-360t-20.42-49.58Q509.15-430 480-430t-49.58 20.42Q410-389.15 410-360t20.42 49.58Q450.85-290 480-290Z'/%3E%3C/svg%3E");
        transform: scale(1.1);
        opacity: 1;
    }

    70% {
        /* Keep unlocked icon briefly */
        transform: scale(1);
        opacity: 1;
    }

    100% {
        /* Fade out */
        opacity: 0;
        transform: scale(0.8);
    }
}

/* Класс для запуска анимации разблокировки */
.wpcg-unlock-animation::before {
    animation: wpcg-unlock 1.2s ease-in-out forwards !important;
}

/* Обеспечиваем, что анимация применяется к правильным позициям */
.wpcg-unlock-animation.wpcg-lock-center::before {
    animation: wpcg-unlock 1.2s ease-in-out forwards !important;
    transform-origin: center center;
}

.wpcg-unlock-animation.wpcg-lock-left::before {
    animation: wpcg-unlock 1.2s ease-in-out forwards !important;
    transform-origin: left center;
}

.wpcg-unlock-animation.wpcg-lock-right::before {
    animation: wpcg-unlock 1.2s ease-in-out forwards !important;
    transform-origin: right center;
}

/* Анимация тряски для всех типов */
@keyframes wpcg-shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-3px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(3px);
    }
}

.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-shake {
    animation: wpcg-shake 0.6s ease-in-out !important;
}

/* Дополнительные селекторы для CFF кнопок */
.cff-button-field.wpcg-validation-blocked.wpcg-shake,
.wpcg-validation-blocked.wpcg-shake {
    animation: wpcg-shake 0.6s ease-in-out !important;
}

/* Разрешаем events проходить через disabled элементы в заблокированных CFF кнопках */
.cff-button-field.wpcg-validation-blocked input[disabled],
.cff-button-field.wpcg-validation-blocked button[disabled] {
    pointer-events: none !important;
}

/* Сохраняем анимацию тряски и для элементов с замком */
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-lock.wpcg-shake::before,
.cg-privacy-validation-button.wpcg-validation-blocked.wpcg-block-combined.wpcg-shake::before,
.cff-button-field.wpcg-validation-blocked.wpcg-block-lock.wpcg-shake::before,
.cff-button-field.wpcg-validation-blocked.wpcg-block-combined.wpcg-shake::before {
    animation: wpcg-shake 0.6s ease-in-out !important;
}

/* Убираем все визуальные эффекты для разблокированных кнопок */
.cg-privacy-validation-button.wpcg-validation-unblocked {
    opacity: 1 !important;
    cursor: auto !important;
    filter: none !important;
    user-select: auto !important;
    touch-action: auto !important;
    pointer-events: auto !important;
}

.cg-privacy-validation-button.wpcg-validation-unblocked::before {
    display: none !important;
}

.cg-privacy-validation-button.wpcg-validation-unblocked * {
    cursor: auto !important;
    pointer-events: auto !important;
    user-select: auto !important;
}

/* ===== END BUTTON VISUALIZATION SYSTEM ===== */

/* ===== NEW UNIFIED BUTTON BLOCKING SYSTEM ===== */

/* Базовые стили блокировки - совместимые с системой визуализации */
/* ===== UNBLOCKING SYSTEM ===== */
/* Система разблокировки кнопок с сохранением оригинальных стилей */

/* Разблокированные кнопки - восстанавливаем оригинальные стили */
.cg-privacy-validation-button.wpcg-validation-unblocked {
    /* Удаляем все блокирующие эффекты, сохраняя оригинальные стили */
    opacity: unset !important;
    filter: unset !important;
    cursor: unset !important;
    pointer-events: unset !important;
    position: unset !important;
    transform: unset !important;
    transition: unset !important;
    /* Удаляем overlay и lock */
    background-image: unset !important;
    background-color: unset !important;
    /* Сбрасываем CSS переменные (только используемые) */
    --wpcg-gray-filter: initial;
    --wpcg-lock-color-filter: initial;
    --wpcg-lock-size: initial;
    --wpcg-lock-offset: initial;
    --wpcg-block-opacity: initial;
    --wpcg-block-filter: initial;
    --wpcg-overlay-color: initial;
    --wpcg-overlay-opacity: initial;
}

/* Удаляем псевдоэлементы для разблокированных кнопок */
.cg-privacy-validation-button.wpcg-validation-unblocked::before,
.cg-privacy-validation-button.wpcg-validation-unblocked::after {
    display: none !important;
}

/* Дочерние элементы разблокированных кнопок */
.cg-privacy-validation-button.wpcg-validation-unblocked * {
    cursor: unset !important;
    pointer-events: unset !important;
    opacity: unset !important;
    filter: unset !important;
    transition: unset !important;
}

/* ===== END UNIFIED BUTTON BLOCKING SYSTEM ===== */


/* DO NOT MODIFY BELOW*/
/* ===============================================
   КРОССБРАУЗЕРНЫЕ СТИЛИ СКРОЛЛБАРА
   =============================================== */

/* ========== WEBKIT БРАУЗЕРЫ (Chrome, Safari, Edge) ========== */
.wpcg-modal-scroll-area::-webkit-scrollbar,
.wpcg-privacy-modal-content *::-webkit-scrollbar,
.wpcg-modal-content *::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    background: transparent !important;
}

.wpcg-modal-scroll-area::-webkit-scrollbar-track,
.wpcg-privacy-modal-content *::-webkit-scrollbar-track,
.wpcg-modal-content *::-webkit-scrollbar-track {
    background: rgba(210, 200, 188, 0.5) !important;
    border-radius: 3px !important;
    border: none !important;
    box-shadow: none !important;
}

/* ОБЪЕДИНЕННЫЙ СТИЛЬ ДЛЯ ВСЕХ СОСТОЯНИЙ */
.wpcg-modal-scroll-area::-webkit-scrollbar-thumb,
.wpcg-modal-scroll-area::-webkit-scrollbar-thumb:hover,
.wpcg-modal-scroll-area::-webkit-scrollbar-thumb:active,
.wpcg-privacy-modal-content *::-webkit-scrollbar-thumb,
.wpcg-privacy-modal-content *::-webkit-scrollbar-thumb:hover,
.wpcg-privacy-modal-content *::-webkit-scrollbar-thumb:active,
.wpcg-modal-content *::-webkit-scrollbar-thumb,
.wpcg-modal-content *::-webkit-scrollbar-thumb:hover,
.wpcg-modal-content *::-webkit-scrollbar-thumb:active {
    background: var(--wpcg-cookie-modal-scrollbar-color, #D2C8BC) !important;
    opacity: 1 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    min-height: 20px !important;

    /* КОМПЛЕКСНАЯ БЛОКИРОВКА ЭФФЕКТОВ */
    transition: none !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -webkit-transform: none !important;
    -webkit-transition: none !important;
    -webkit-animation: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
    cursor: default !important;
}

/* СБРОС ДЛЯ НЕАКТИВНЫХ ОКОН */
.wpcg-modal-scroll-area::-webkit-scrollbar-thumb:window-inactive,
.wpcg-privacy-modal-content *::-webkit-scrollbar-thumb:window-inactive,
.wpcg-modal-content *::-webkit-scrollbar-thumb:window-inactive {
    background: var(--wpcg-cookie-modal-scrollbar-color, #D2C8BC) !important;
    opacity: 1 !important;
}

/* СКРЫТИЕ ВСПОМОГАТЕЛЬНЫХ ЭЛЕМЕНТОВ */
.wpcg-modal-scroll-area::-webkit-scrollbar-button,
.wpcg-modal-scroll-area::-webkit-scrollbar-corner,
.wpcg-modal-scroll-area::-webkit-scrollbar-track-piece,
.wpcg-privacy-modal-content *::-webkit-scrollbar-button,
.wpcg-privacy-modal-content *::-webkit-scrollbar-corner,
.wpcg-privacy-modal-content *::-webkit-scrollbar-track-piece,
.wpcg-modal-content *::-webkit-scrollbar-button,
.wpcg-modal-content *::-webkit-scrollbar-corner,
.wpcg-modal-content *::-webkit-scrollbar-track-piece {
    display: none !important;
    background: transparent !important;
}

/* ========== FIREFOX ========== */
.wpcg-modal-scroll-area,
.wpcg-modal-content * {
    scrollbar-width: thin !important;
    scrollbar-color: var(--wpcg-modal-scrollbar-color, #D2C8BC) var(--wpcg-background-rgba, rgba(210, 200, 188, 0.5)) !important;
    scrollbar-track-color: rgba(210, 200, 188, 0.5) !important;
}

/* ========== ДОПОЛНИТЕЛЬНАЯ ЗАЩИТА ========== */
.wpcg-modal-scroll-area {
    /* Форсируем рендеринг GPU */
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}

.wpcg-modal-content * {
    /* Запрещаем наследование стилей скроллбара */
    scrollbar-color: unset !important;
    scrollbar-width: unset !important;
}

/* DO NOT MODIFY ABOVE*/