@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

body, html, .lr-container, .lr-container *, .register-content, .register-content * {
    font-family: 'Cairo', sans-serif !important;
}

.global-image-upload {
    position: relative !important;
}

.global-image-upload input[type="file"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    cursor: pointer;
}

.global-image-upload input[type="file"]:focus,
.global-image-upload input[type="file"]:focus-visible {
    outline: none;
}

#register-vertical-steps label.error {
    display: block;
    color: var(--bs-danger, #dc3545);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

#register-vertical-steps .global-multi-image-warning label.error {
    margin-top: 0.5rem;
}


/* Final UI Polish for Mobile */
@media (max-width: 980px) {
    /* Hide Side Card completely */
    .lr-side { 
        display: none !important; 
    }
    
    /* Compact Stepper */
    .lr-stepper {
        display: flex !important;
        flex-direction: row;
        padding: 12px 18px !important;
        gap: 8px !important;
        background: transparent !important;
        border: none !important;
    }
    .lr-stepper li {
        flex: 1;
        min-height: 4px !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 4px !important;
        background: var(--lr-line) !important;
        margin: 0;
    }
    .lr-stepper li.is-active,
    .lr-stepper li.is-complete {
        background: var(--lr-blue) !important;
    }
    /* Hide text inside stepper li */
    .lr-stepper li * {
        display: none !important;
    }
}