/* Navigation Logo Styling */
.nav-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nav-logo img {
    height: 100px; /* Adjust this based on your preference */
    width: auto;  /* Keeps the aspect ratio perfect */
    margin: .25rem 0;
    transition: transform 0.3s ease;
}

.nav-logo:hover img {
    transform: scale(1.05); /* Subtle pop when hovering */
}

/* SEO Helper: Hides text while keeping it readable for Google */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Mobile Adjustment */
@media (max-width: 768px) {
    .nav-logo img {
        height: 50px; /* Slightly smaller on phones */
    }
}