/**
 * TranslatePress LifterLMS Compatibility Styles
 * Fallback styles for spinner and loading states
 */

/* Spinner overlay */
.trp-llms-spinner-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
}

/* Spinner animation */
.trp-llms-spinner {
    width: 40px !important;
    height: 40px !important;
    border: 4px solid #f3f3f3 !important;
    border-top: 4px solid #466bb0 !important;
    border-radius: 50% !important;
    animation: trp-llms-spin 1s linear infinite !important;
}

/* Small spinner variant */
.trp-llms-spinner.small {
    width: 20px !important;
    height: 20px !important;
    border-width: 2px !important;
}

/* Spin animation */
@keyframes trp-llms-spin {
    0% { 
        transform: rotate(0deg); 
    }
    100% { 
        transform: rotate(360deg); 
    }
}

/* Processing state for forms */
.llms-is-processing {
    position: relative !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

/* Ensure checkout form has proper positioning for overlay */
.llms-checkout.llms-is-processing {
    position: relative !important;
}

/* Hide original LifterLMS spinner if it conflicts */
.llms-spinning.trp-conflict {
    display: none !important;
}

/* Screen reader text */
.screen-reader-text {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}