/**
 * Registration Page Styles
 * RTL-optimized styles for the guest user registration flow
 * Based on activation.css with registration-specific customizations
 */

/* Import base activation styles */
@import url('activation.css');

/* Registration-specific overrides and additions */

/* Welcome message styling */
#contact-instruction-text {
    color: #4b5563;
    font-size: 1rem;
}

/* Login link section */
.border-t {
    border-top-width: 1px;
}

/* Success screen customization for registration */
#success-screen h2 {
    color: #10b981;
}

#success-screen p {
    color: #6b7280;
}

/* Additional spacing for registration form */
.activation-container form {
    margin-bottom: 0;
}

/* Link styling */
a.text-focus-blue-primary {
    transition: all 0.2s ease;
}

a.text-focus-blue-primary:hover {
    opacity: 0.8;
}

/* Responsive adjustments for registration page */
@media (max-width: 768px) {
    #contact-instruction-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .activation-container {
        padding: 1rem;
    }
    
    #contact-instruction-text {
        font-size: 0.85rem;
    }
}