/* 
 * Auth styling for JusSkipIt
 * Controls visibility of navigation elements based on login state
 * Works with the auth class on the HTML element
 */

/* Hide auth-only elements when user is a guest */
.guest .auth-only {
  display: none !important;
}

/* Hide guest-only elements when user is logged in */
.logged-in .guest-only {
  display: none !important;
}

/* Show auth-only elements when user is logged in */
.logged-in .auth-only {
  display: list-item !important;
}

/* Ensure proper display for mobile menu items */
#mobile-nav .auth-only,
#mobile-nav .guest-only {
  display: block;
}

.logged-in #mobile-nav .auth-only {
  display: block !important;
}