/* Mobile Logo Visibility Fix */
/* Show logo for guest users, hide for logged-in users */

/* Show logo for guest users only (when body doesn't have logged-in class) */
html body:not(.logged-in) .header-brand,
html body.guest .header-brand,
body:not(.logged-in) .header-brand,
body.guest .header-brand {
    display: block !important;
}

/* Hide logo for logged-in users */
html body.logged-in .header-brand,
body.logged-in .header-brand {
    display: none !important;
}

@media (max-width: 570px) {
    /* Show logo for guest users only on mobile - Higher specificity */
    html body:not(.logged-in) .header-brand,
    html body.guest .header-brand,
    body:not(.logged-in) .header-brand,
    body.guest .header-brand {
        display: block !important;
    }
    
    /* Hide logo for logged-in users on mobile */
    html body.logged-in .header-brand,
    body.logged-in .header-brand {
        display: none !important;
    }
    
    .header-brand img {
        max-width: 130px !important;
        height: auto !important;
        width: auto !important;
    }
}

@media (max-width: 480px) {
    .header-brand img {
        max-width: 80px !important;
    }
}

@media (max-width: 360px) {
    .header-brand img {
        max-width: 70px !important;
    }
}