/**
 * 禁用按钮点击时的loading动画
 * 解决与Lottie预加载器的冲突问题
 */

/* 禁用按钮loading状态 */
.btn.loading {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* 隐藏按钮中的旋转图标 */
.btn .bi-arrow-clockwise.spin {
    display: none !important;
}

/* 防止按钮文本被替换为Loading... */
.btn[data-original-text] {
    /* 保持原始文本 */
}

/* 移动端优化 - 禁用不必要的loading效果 */
@media (max-width: 768px) {
    .btn {
        transition: none !important;
    }
    
    .btn:active {
        transform: none !important;
    }
}

/* 保持必要的视觉反馈，但不显示loading */
.btn:active {
    opacity: 0.8;
    transform: scale(0.98);
    transition: all 0.1s ease;
}

/* 特殊情况：表单提交按钮可以保留loading状态 */
.btn[type="submit"]:not(.no-loading) {
    /* 允许表单提交按钮显示loading */
}

/* 商家注册页面完全禁用loading状态 */
body[data-page="merchant-register"] .btn.loading {
    opacity: 1 !important;
    pointer-events: auto !important;
}

body[data-page="merchant-register"] .btn .bi-arrow-clockwise.spin {
    display: none !important;
}

/* 确保Bootstrap验证样式不受影响 */
body[data-page="merchant-register"] .btn:disabled {
    opacity: 0.65 !important;
    pointer-events: none !important;
}

/* 导航按钮不应该显示loading */
.navbar .btn,
.nav .btn,
a.btn[href] {
    /* 导航相关按钮不显示loading */
}

/* 确保Lottie预加载器不受影响 */
.lottie-preloader,
.lottie-preloader * {
    /* 预加载器相关元素不受此CSS影响 */
}