/**
 * Button Loading Styles
 * استایل‌های مربوط به حالت loading دکمه‌ها
 */

.btn-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.75;
    cursor: not-allowed !important;
}

.btn-loading:hover {
    transform: none !important;
}

/* Spinner animation برای دکمه‌های با loading */
.btn-loading .fa-spinner {
    animation: btn-spinner-rotate 0.8s linear infinite;
    margin-left: 0.35rem;
    display: inline-block;
}

@keyframes btn-spinner-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* استایل‌های خاص برای دکمه‌های مختلف در حالت loading */
.btn-accent.btn-loading {
    background: linear-gradient(135deg, #8eb3d6 0%, #6b97c4 100%);
    box-shadow: 0 4px 0 #3a6394;
}

.btn-neutral.btn-loading {
    background: #eef1f7;
    border-color: #d8deea;
}

.btn-danger.btn-loading {
    opacity: 0.6;
}

/* حالت disabled برای دکمه‌های loading */
.btn-loading:disabled {
    cursor: not-allowed;
}

/* متن loading در دکمه */
.btn-loading span {
    display: inline-block;
    vertical-align: middle;
}

/* استایل ریسپانسیو */
@media (max-width: 640px) {
    .btn-loading .fa-spinner {
        margin-left: 0.25rem;
    }
}

/* RTL Support */
[dir="rtl"] .btn-loading .fa-spinner {
    margin-left: 0;
    margin-right: 0.35rem;
}

@media (max-width: 640px) {
    [dir="rtl"] .btn-loading .fa-spinner {
        margin-right: 0.25rem;
    }
}