/* Site-wide styles for public pages */

/* Navbar logo styling */
.navbar-logo-badge{
    padding: 4px;
    flex: 0 0 auto;
}

.navbar-logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
    transition: transform 0.2s ease;
}

.navbar-brand:hover .navbar-logo {
    transform: scale(1.05);
}

/* Responsive navbar adjustments */
@media (max-width: 991px) {
    .navbar-brand .text-muted {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .navbar-logo-badge{
        padding: 3px;
    }
    .navbar-logo {
        width: 32px;
        height: 32px;
    }
}

/* Ensure navbar brand doesn't wrap awkwardly */
.navbar-brand {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}