/**
 * CSS dành riêng cho thông báo lỗi trên trang quên mật khẩu
 *
 * @package     Fong_De_LMS
 * @since       1.0.0
 *
 * @related_files
 * - wp-content/themes/astra-child-deutschfuns/assets/css/fong-lost-password.css
 * - wp-content/themes/astra-child-deutschfuns/assets/js/init-lost-password.js
 * - wp-content/themes/astra-child-deutschfuns/autoload-enqueue/lost-password-page-enqueue.php
 */

/* Ẩn thông báo lỗi ở vị trí cũ */
.container_login>.user-registration-error {
    display: none !important;
}

/* Style cho thông báo lỗi ở vị trí mới */
.fong-field-error {
    font-family: 'Montserrat', sans-serif;
    border-radius: 6px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 50px !important;
}

.fong-field-error ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.fong-field-error li {
    display: flex;
    align-items: center;
    font-size: 14px !important;
    line-height: 1.4;
    color: #dc3545;
    gap: 8px;
    margin-top: 1px;
}

.fong-field-error svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #dc3545;
    display: inline-block;
    vertical-align: middle;
}

/* Thêm animation nhẹ khi hiển thị */
.fong-field-error {
    animation: fong-fade-in 0.3s ease-in-out;
}

@keyframes fong-fade-in {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}