/* ═══════════════════════════════════════════════════════════
   SITE LOGO — auto-resizes any image (SVG, PNG, JPG, WebP)
   Constrains height; width auto-scales to preserve aspect ratio.
   ═══════════════════════════════════════════════════════════ */
.gg-logo {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    flex-shrink: 0;
    max-width: 220px;
    transition: transform .2s ease;
}

    .gg-logo:hover {
        transform: scale(1.03);
    }

.gg-logo-img {
    height: 42px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    /* Fallback so broken logos don't collapse layout */
    min-width: 120px;
}

/* Tablet */
@media (max-width: 991.98px) {
    .gg-logo {
        max-width: 180px;
    }

    .gg-logo-img {
        height: 36px;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .gg-logo {
        max-width: 140px;
    }

    .gg-logo-img {
        height: 32px;
    }
}

/* Sticky header shrink effect */
.gg-header.is-scrolled .gg-logo-img {
    height: 36px;
}