/* حالت لودینگ */
button.loading,
.elementor-button.loading,
[role="button"].loading {
    position: relative;
    background: #fff !important;
    color: transparent !important;
    pointer-events: none;
}

/* مخفی کردن فرزندان */
button.loading > *,
.elementor-button.loading > *,
[role="button"].loading > * {
    visibility: hidden !important;
}

/* حالت 3D خفیف */
.loading-3d {
    box-shadow: 0 0 6px rgba(140, 0, 255, 0.25),
                0 0 12px rgba(255, 0, 200, 0.15);
    transform: translateZ(3px);
}

/* حلقه اول */
button.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    margin-top: -11px;
    border: 3px solid purple;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

/* حلقه دوم */
button.loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    margin-top: -7px;
    border: 3px solid mediumorchid;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: spinReverse 1s linear infinite;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes spinReverse {
    0% {transform: rotate(360deg);}
    100% {transform: rotate(0deg);}
}