/* ===== SOFT MICRO MOTION ===== */

/* Только мягкие переходы для нужных элементов */
.card,
.btn,
button,
input,
textarea,
select,
.badge,
.alert,
img,
.nav-link,
.table tbody tr {
    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease,
        opacity 0.18s ease;
}

/* Карточки едва-едва */
.card:hover {
    transform: translateY(-1px);
}

/* Кнопки очень мягко */
.btn:hover,
button:hover,
input[type="submit"]:hover {
    transform: translateY(-1px);
}

.btn:active,
button:active,
input[type="submit"]:active {
    transform: translateY(0);
}

/* Бейджи совсем слегка */
.badge:hover {
    transform: none;
}

/* Таблицы без дерганья */
table tbody tr:hover {
    transform: none;
}

/* Фото почти не двигаются */
.card img:hover,
img.card-img-top:hover {
    transform: scale(1.005);
}

/* Инпуты */
.form-control:hover,
.form-select:hover {
    border-color: #ebb2cc !important;
}

.form-control:focus,
.form-select:focus {
    transform: none;
}

/* Очень мягкое появление */
@keyframes kpSoftFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.card,
.alert,
.modal-content,
.table-responsive {
    animation: kpSoftFade 0.18s ease;
}