/**
 * LifeLift Component - ModernNav
 * Extracted from: /home/ubuntu/lifelift-mobile-backend/functions/views/components/layout/ModernNav.ejs
 * Generated at: 2025-08-10T03:31:05.658Z
 */

/* Extracted style block */
.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.75rem;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
  }
  
  .nav-item:hover {
    text-decoration: none;
    transform: scale(1.05);
  }
  
  .nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .nav-icon img {
    transition: transform 0.2s ease-in-out;
  }
  
  .nav-item:hover .nav-icon img {
    transform: scale(1.1);
  }
  
  /* Add bottom padding when mobile nav is present (scoped to class) */
  @media (max-width: 768px) {
    body.has-mobile-nav {
      padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    }
  }
  
  /* Additional safe area support for various devices */
  @supports (padding-bottom: env(safe-area-inset-bottom)) {
    @media (max-width: 768px) {
      body.has-mobile-nav {
        padding-bottom: calc(80px + env(safe-area-inset-bottom));
      }
    }
  }
  
  /* Fallback for devices that don't support env() */
  @media (max-width: 768px) and (orientation: portrait) {
    body.has-mobile-nav {
      padding-bottom: 100px; /* Extra padding for Android navigation bars */
    }
  }

/* Extracted inline styles */
.ModernNav-inline-1 {
  background-color: #237920;
  box-shadow: 0 -0.5em 1em 0.3em rgba(0,0,0,0.15);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}


/*# sourceMappingURL=ModernNav.css.map */