/* ========================================
   NAVBAR LOGO MOBILE FIX
   Prevents logo from being too big on mobile
   ======================================== */

/* Desktop - Default size */
.nav-logo,
.navbar img,
.nav-brand img {
    height: 32px;
    width: auto;
    border-radius: 6px;
    object-fit: contain;
}

/* Tablet */
@media (max-width: 1024px) {
    .nav-logo,
    .navbar img,
    .nav-brand img {
        height: 30px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .nav-logo,
    .navbar img,
    .nav-brand img {
        height: 28px !important;
    }
    
    .navbar-brand-text,
    .navbar-typewriter-text {
        font-size: 0.95rem !important;
    }
    
    .nav-brand,
    .brand {
        gap: 0.5rem !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .nav-logo,
    .navbar img,
    .nav-brand img {
        height: 24px !important;
    }
    
    .navbar-brand-text,
    .navbar-typewriter-text {
        font-size: 0.85rem !important;
    }
}

/* Extra Small Mobile */
@media (max-width: 360px) {
    .nav-logo,
    .navbar img,
    .nav-brand img {
        height: 22px !important;
    }
    
    .navbar-brand-text,
    .navbar-typewriter-text {
        font-size: 0.8rem !important;
    }
}