/**
 * Mobile Navbar Compact
 * Reduces navbar height on mobile devices to save screen space
 */

/* Mobile navbar height reduction */
@media (max-width: 1024px) {
    .nav-content {
        padding: 0.5rem 0;  /* Reduced from 1rem to 0.5rem */
    }
    
    .logo-icon {
        height: 32px;  /* Reduced from 40px to 32px */
    }
    
    .logo {
        font-size: 1.25rem;  /* Slightly smaller logo text */
    }
    
    /* Adjust hero section margin to match reduced navbar height */
    .hero {
        margin-top: 48px;  /* Reduced from 70px to match new navbar height */
        align-items: flex-start;  /* Change from center to flex-start */
        padding-top: 4rem;  /* Add top padding to position content */
    }
}

/* Extra small mobile - even more compact */
@media (max-width: 480px) {
    .nav-content {
        padding: 0.375rem 0;  /* Even smaller padding */
    }
    
    .logo-icon {
        height: 28px;  /* Smaller logo for tiny screens */
    }
    
    /* Adjust hero section margin for tiny screens */
    .hero {
        margin-top: 42px;  /* Match even smaller navbar height */
        padding-top: 3rem;  /* Slightly less padding for tiny screens */
    }
}