/* Peeky brand mark — icon + "Peeky" wordmark (sitewide) */

.nav-logo,
.logo,
.footer-logo,
.modal-logo,
.peeky-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-shrink: 0;
    line-height: 1;
    text-decoration: none;
    color: inherit;
}

.nav-logo:hover,
.logo:hover,
.footer-logo:hover,
.peeky-brand:hover {
    text-decoration: none;
}

/* Icon only (owl / graduation mark) — height-locked, natural width */
.peeky-logo-img,
.peeky-brand-icon {
    display: block;
    height: auto;
    width: auto;
    max-width: none;
    object-fit: contain;
    object-position: center right;
    flex-shrink: 0;
    /* Pull text closer to the graphic edge */
    margin-right: -0.05rem;
}

/* Wordmark text */
.peeky-brand-text {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #F0F4FF;
    line-height: 1;
    white-space: nowrap;
    margin-left: 0;
}

/* Header / navbar — height only so width follows aspect ratio */
.peeky-logo-img--nav,
.nav-logo .peeky-logo-img,
.logo .peeky-logo-img,
.nav-logo .peeky-brand-icon,
.logo .peeky-brand-icon {
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
    max-width: 48px !important;
}

.nav-logo .peeky-brand-text,
.logo .peeky-brand-text {
    font-size: 1.3rem;
    margin-left: -1px;
}

.nav-logo,
.logo {
    max-height: none;
    overflow: visible;
}

/* Footer */
.peeky-logo-img--footer,
.footer-logo .peeky-logo-img,
.footer-logo .peeky-brand-icon {
    height: 30px !important;
    max-height: 30px !important;
    width: auto !important;
    max-width: 44px !important;
}

.footer-logo .peeky-brand-text {
    font-size: 1.15rem;
}

/* Login / auth modal */
.peeky-logo-img--modal,
.modal-logo .peeky-logo-img,
.modal-logo .peeky-brand-icon {
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
    max-width: 58px !important;
}

.modal-logo .peeky-brand-text {
    font-size: 1.5rem;
}

.modal-logo {
    justify-content: center;
    margin-bottom: 0.5rem;
}

@media (max-width: 480px) {
    .peeky-logo-img--nav,
    .nav-logo .peeky-logo-img,
    .logo .peeky-logo-img,
    .nav-logo .peeky-brand-icon,
    .logo .peeky-brand-icon {
        height: 28px !important;
        max-height: 28px !important;
        max-width: 40px !important;
    }

    .nav-logo .peeky-brand-text,
    .logo .peeky-brand-text {
        font-size: 1.1rem;
    }

    .nav-logo,
    .logo,
    .footer-logo,
    .modal-logo,
    .peeky-brand {
        gap: 0.2rem;
    }
}