/*
 * Кастомная стилизация Friendly Captcha для Лесная Братва
 * Темная тема с тонкими акцентами
 */

/* Основной контейнер виджета - убираем белый фон */
.frc-captcha {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

.frc-container {
    background: rgba(40, 40, 40, 0.9) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    padding: 10px !important;
    backdrop-filter: blur(5px) !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
}

/* Весь виджет */
.frc-captcha > div {
    background: transparent !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Все внутренние элементы виджета */
.frc-captcha *,
.frc-container * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Заголовок и текст */
.frc-banner,
.frc-text {
    background: transparent !important;
    color: #e0e0e0 !important;
    font-size: 0.9em !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 500 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word !important;
}

/* Прогресс бар */
.frc-progress {
    background: rgba(20, 20, 20, 0.8) !important;
    border-radius: 3px !important;
    height: 4px !important;
    margin: 8px 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.frc-progress-bar {
    background: #00FFFF !important;
    transition: width 0.4s ease !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.5) !important;
}

/* Кнопка старта - делаем менее яркой */
.frc-button {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid #00FFFF !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-size: 0.85em !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
}

.frc-button:hover {
    background: rgba(0, 255, 255, 0.1) !important;
    border-color: #00cccc !important;
    color: #00cccc !important;
}

.frc-button:active {
    transform: scale(0.98);
}

/* Чекбокс */
.frc-checkbox {
    border-color: #444 !important;
    background: rgba(26, 26, 26, 0.8) !important;
}

.frc-checkbox:checked {
    background: #00FFFF !important;
    border-color: #00FFFF !important;
}

/* Статус сообщения */
.frc-status {
    color: #bbb !important;
    font-size: 0.85em !important;
}

/* Успешное выполнение */
.frc-success .frc-container {
    border-color: rgba(0, 255, 0, 0.3) !important;
    background: rgba(0, 255, 0, 0.05) !important;
}

.frc-success .frc-banner,
.frc-success .frc-text {
    color: #0f0 !important;
}

/* Ошибка */
.frc-error .frc-container {
    border-color: rgba(255, 65, 54, 0.3) !important;
    background: rgba(255, 65, 54, 0.05) !important;
}

.frc-error .frc-banner,
.frc-error .frc-text {
    color: #FF4136 !important;
}

/* Иконки */
.frc-icon {
    filter: brightness(1.5) !important;
}

/* Иконка щита - делаем ярче и с акцентом */
.frc-icon svg,
.frc-icon path {
    fill: #00FFFF !important;
    opacity: 0.7 !important;
}

/* Лого Friendly Captcha - делаем менее заметным */
.frc-logo,
.frc-anchor {
    opacity: 0.3 !important;
    transition: opacity 0.3s ease !important;
}

.frc-logo:hover,
.frc-anchor:hover {
    opacity: 0.6 !important;
}

/* Скрываем скроллбар виджета */
.frc-container,
.frc-captcha,
.frc-captcha * {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
}

.frc-container::-webkit-scrollbar,
.frc-captcha::-webkit-scrollbar,
.frc-captcha *::-webkit-scrollbar {
    display: none !important; /* Chrome/Safari/Opera */
}

/* Адаптивность */
@media (max-width: 768px) {
    .frc-captcha {
        max-width: 100% !important;
        width: 100% !important;
        overflow: visible !important;
        margin: 10px 0 !important;
    }

    .frc-container {
        padding: 8px !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .frc-button {
        padding: 5px 10px !important;
        font-size: 0.75em !important;
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    /* Уменьшаем все внутренние элементы виджета */
    .frc-banner,
    .frc-text {
        font-size: 0.75em !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    /* Уменьшаем иконки */
    .frc-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
}


/* Анимация процесса */
@keyframes frc-glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(0, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 15px rgba(0, 255, 255, 0.6);
    }
}

.frc-processing .frc-progress-bar {
    animation: frc-glow 1.5s ease-in-out infinite;
}