/* Paktograf brand mark v1 — navbar, PWA touchpoints and legacy brand badges. */
.pg-brand-logo,
.pg-logo-link .pg-brand-logo,
.pg-mobile-logo .pg-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: max-content !important;
    color: #0f0b2d !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.pg-brand-logo__mark {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    max-width: none !important;
    max-height: none !important;
    flex: 0 0 40px !important;
    object-fit: contain !important;
}

.pg-brand-logo__word {
    color: #0f0b2d !important;
    font-family: Inter, Poppins, system-ui, -apple-system, "Segoe UI", sans-serif !important;
    font-size: 21px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
}

.pg-brand-logo:focus-visible {
    border-radius: 10px;
    outline: 3px solid rgba(91, 59, 255, .28);
    outline-offset: 4px;
}

.pg-site-footer .pg-brand-logo__word {
    color: #fff !important;
}

.pg-site-footer .pg-brand-logo__mark {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
}

.pg-settings-app-card__icon,
.pkt-signals-auth__mark,
.pg-register-trace-badge,
.pkt-clean-chat-head__context > span:first-child,
.pg-404__brand > span:first-child,
.pg-404__visual-card > span:first-child,
.pg-bio-discovery-end-card__mark,
.pg-pwa-splash__mark {
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    background-color: transparent !important;
    background-image: url("../assets/images/paktograf-brand-mark-128.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    box-shadow: none !important;
}

.pg-settings-app-card__icon,
.pkt-signals-auth__mark,
.pg-register-trace-badge,
.pkt-clean-chat-head__context > span:first-child {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 0 !important;
}

.pg-404__brand > span:first-child {
    width: 44px !important;
    height: 44px !important;
    border-radius: 0 !important;
}

.pg-404__visual-card > span:first-child,
.pg-bio-discovery-end-card__mark,
.pg-pwa-splash__mark {
    border-radius: 0 !important;
}

@media (max-width: 767px) {
    .pg-brand-logo,
    .pg-logo-link .pg-brand-logo,
    .pg-mobile-logo .pg-brand-logo {
        gap: 7px !important;
    }

    .pg-brand-logo__mark {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }

    .pg-brand-logo__word {
        font-size: 18px !important;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .pg-brand-logo__mark {
        transition: transform .22s ease, filter .22s ease;
    }

    .pg-brand-logo:hover .pg-brand-logo__mark {
        filter: drop-shadow(0 5px 9px rgba(91, 59, 255, .22));
        transform: translateY(-1px) scale(1.025);
    }
}