/**
 * Loading state styles for form submissions
 * @author Devhuset AS
 * @version 1.0.0
 */

/* Submit button loading state */
input[type="submit"].tk-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
    cursor: not-allowed;
}

input[type="submit"].tk-loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: tk-spinner 0.8s linear infinite;
}

/* Spinner animation */
@keyframes tk-spinner {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

/* Disabled form inputs during loading */
.tk-form-loading input,
.tk-form-loading select,
.tk-form-loading textarea,
.tk-form-loading button {
    pointer-events: none;
}

.tk-form-loading input[type="button"] {
    opacity: 0.5;
    cursor: not-allowed;
}