/**
 * BMK Phone Modal Auth - Tailwind Engine Core & Animations
 *
 * Утилитарные классы (fixed, flex, bg-slate-900/40, z-[999999] и т.д.)
 * подключаются через Tailwind Play CDN скрипт (см. enqueue_assets() в
 * bmk-phone-modal-auth.php), т.к. старая статическая сборка Tailwind v2
 * не поддерживает синтаксис произвольных значений/модификаторов прозрачности,
 * используемый в шаблоне модального окна.
 */

.bmk-tab--active {
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
}

.bmk-tab-content--active {
    display: block !important;
}

.bmk-step-indicator--active {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.bmk-step-indicator--completed {
    background-color: #10b981 !important;
    color: #ffffff !important;
}

.bmk-step-line--active {
    background-color: #2563eb !important;
}

#bmk-auth-modal.flex {
    display: flex !important;
}

#bmk-auth-modal.flex .bmk-modal__overlay {
    opacity: 1;
}

#bmk-auth-modal.flex .bmk-modal__dialog {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.bmk-step {
    animation: bmkFadeSlide 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes bmkFadeSlide {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}