/**
 * Auth Loading - Prevent flash of unauthenticated content (FOUC)
 * Hide user menu until authentication state is determined
 */

/* Hide user menu by default until auth is checked */
#userMenu,
.user-menu-item,
.login-info {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Show user menu after auth is checked */
.auth-loaded #userMenu,
.auth-loaded .user-menu-item,
.auth-loaded .login-info {
  opacity: 1;
}

/* Mobile menu - hide all auth-related items until auth check completes */
/* Use opacity to prevent FOUC, but preserve layout */
#mobile-login-btn,
#mobile-submit-property-btn,
#mobile-profile-menu {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

/* After auth loaded: restore opacity and pointer events */
.auth-loaded #mobile-login-btn,
.auth-loaded #mobile-submit-property-btn,
.auth-loaded #mobile-profile-menu {
  opacity: 1;
  pointer-events: auto;
}