/* VBG Typewriter Logo — v1.0.0
   Visual Brain Gravity, visualbraingravity.com */

.vbg-tw-wrap {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25em;
    line-height: inherit;
}

/* Inherit all typography from the parent logo element */
.vbg-tw-prefix,
.vbg-tw-suffix,
.vbg-tw-animated,
.vbg-tw-typed {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    color: inherit;
    line-height: inherit;
}

.vbg-tw-animated {
    display: inline-flex;
    align-items: baseline;
    position: relative;
}

/* Blinking cursor */
.vbg-tw-cursor {
    display: inline-block;
    width: 0.06em;
    min-width: 2px;
    height: 1em;
    background: currentColor;
    vertical-align: text-bottom;
    margin-left: 0.05em;
    border-radius: 1px;
    animation: vbg-tw-blink 0.7s step-end infinite;
}

@keyframes vbg-tw-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

/* Optional: colour the animated word differently (add class vbg-tw-accent) */
.vbg-tw-wrap.vbg-tw-accent .vbg-tw-typed {
    color: var(--vbg-tw-accent-color, inherit);
}

/* Uncode-specific: ensure the wrap doesn't break header flex layout */
#header-section .vbg-tw-wrap,
.header-logo .vbg-tw-wrap {
    display: inline-flex;
    white-space: nowrap;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .vbg-tw-cursor {
        animation: none;
        opacity: 1;
    }
}