/**
 * user_register.css - Register Page Additional Styles
 * WINI.IA - Compact spacing for forms with more fields
 * 
 * USAGE: Load AFTER user_login.css
 * This file only adds more compact spacing for register form
 * Does NOT affect login.ejs
 */

/* ===================================
   REGISTER-SPECIFIC COMPACT SPACING
   =================================== */

/* Override form spacing variables for register page ONLY */
#registerForm {
    /* Ultra-compact spacing for 4+ fields */
    --form-spacing-xs: 4px;
    --form-spacing-sm: 8px;
    --form-spacing-md: 12px;
    --form-spacing-lg: 14px;
}

/* Compact right panel padding */
#registerForm ~ * .right_part,
body:has(#registerForm) .right_part {
    padding: var(--form-spacing-md) var(--form-spacing-lg);
}

/* Compact form container */
#registerForm {
    gap: var(--form-spacing-sm);
}

/* Reduce list item margins */
#registerForm .input_list li {
    margin-bottom: var(--form-spacing-sm);
}

/* Compact input heights */
#registerForm .input_list input[type="text"],
#registerForm .input_list input[type="password"],
#registerForm .input_list input[type="email"] {
    height: 44px;
    padding: var(--form-spacing-sm) var(--form-spacing-md);
    font-size: 0.95rem;
}

/* Compact buttons */
#registerForm .google-login-btn {
    height: 44px;
    gap: var(--form-spacing-sm);
}

#registerForm .metaportal_fn_button {
    height: 44px;
    margin: var(--form-spacing-sm) auto 0;
    font-size: 0.95rem;
}

/* Compact divider */
#registerForm ~ .google-login + .auth-divider,
#registerForm .auth-divider {
    margin: var(--form-spacing-sm) 0;
}

#registerForm .auth-divider span {
    padding: 0 var(--form-spacing-sm);
    font-size: 0.8rem;
}

/* Compact checkbox */
#registerForm .fn__checkbox {
    gap: var(--form-spacing-sm);
    margin-bottom: var(--form-spacing-md);
    padding: var(--form-spacing-xs) 0;
}

#registerForm .fn__checkbox p {
    font-size: 0.8rem;
    line-height: 1.4;
}

#registerForm .fn__checkmark {
    width: 20px;
    height: 20px;
    min-width: 20px;
}

/* Compact validation messages */
#registerForm .field-message {
    font-size: 0.75rem;
    margin-top: 0.3rem;
    gap: 0.25rem;
}

#registerForm .field-message i {
    font-size: 0.7rem;
}

/* Compact eye container */
#registerForm .eye_container {
    right: var(--form-spacing-sm);
    width: 20px;
    height: 20px;
}

#registerForm .eye_container img {
    width: 18px;
    height: 18px;
}

/* Compact forgot password (if exists in register) */
#registerForm .forgotPassword {
    margin-top: var(--form-spacing-xs);
    font-size: 0.8rem;
}

/* Compact alternative link */
#registerForm ~ .auth-alternative,
body:has(#registerForm) .auth-alternative {
    margin-top: var(--form-spacing-sm);
    padding-top: var(--form-spacing-sm);
    font-size: 0.8rem;
}

/* Compact google login for register */
#registerForm ~ .google-login,
body:has(#registerForm) .google-login {
    margin-bottom: var(--form-spacing-sm);
}

/* Additional compact for ultra-small viewports */
@media (max-height: 750px) {
    #registerForm .input_list input[type="text"],
    #registerForm .input_list input[type="password"],
    #registerForm .input_list input[type="email"] {
        height: 42px;
        font-size: 0.9rem;
    }
    
    #registerForm .google-login-btn,
    #registerForm .metaportal_fn_button {
        height: 42px;
        font-size: 0.9rem;
    }
    
    #registerForm .fn__checkbox p {
        font-size: 0.75rem;
    }
}

/* Super compact for very small screens */
@media (max-height: 680px) {
    body:has(#registerForm) .right_part {
        padding: var(--form-spacing-sm);
    }
    
    body:has(#registerForm) .fn_cs_contact_form {
        padding: var(--form-spacing-xs);
    }
    
    #registerForm .input_list li {
        margin-bottom: 6px;
    }
    
    #registerForm .input_list input[type="text"],
    #registerForm .input_list input[type="password"],
    #registerForm .input_list input[type="email"] {
        height: 40px;
        padding: 8px 12px;
        font-size: 0.875rem;
    }
    
    #registerForm .google-login-btn,
    #registerForm .metaportal_fn_button {
        height: 40px;
        padding: 0 16px;
        font-size: 0.875rem;
    }
    
    #registerForm .fn__checkbox {
        margin-bottom: 8px;
    }
    
    #registerForm .fn__checkbox p {
        font-size: 0.7rem;
        line-height: 1.3;
    }
    
    #registerForm .auth-divider {
        margin: 6px 0;
    }
    
    #registerForm .field-message {
        font-size: 0.7rem;
    }
}

/* ===================================
   END OF FILE
   =================================== */