/* ==========================================================
   Thewebr logo (include/logo.php)
   ========================================================== */
.tw-logo {
    --tw-the: rgba(255, 255, 255, .62);
    --tw-strong: #ffffff;
    --tw-tag: rgba(255, 255, 255, .5);
    --tw-teal: #2ee6c0;
    display: inline-flex; align-items: center; gap: 11px;
    font-family: "Plus Jakarta Sans", "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1; white-space: nowrap;
}
.tw-logo--ink {
    --tw-the: #7d89a6;
    --tw-strong: #0b1f3a;
    --tw-tag: #8a95ad;
    --tw-teal: #14c9a5;
}
.tw-logo-mark {
    width: 1.75em; height: 1.75em; flex: 0 0 auto;
    border-radius: 12px; box-shadow: 0 6px 16px rgba(10, 18, 40, .22);
    transition: transform .3s ease;
}
a:hover .tw-logo-mark { transform: rotate(-6deg) scale(1.05); }
.tw-logo-text { display: flex; flex-direction: column; gap: .4em; }
.tw-logo-word { font-size: 1em; letter-spacing: -.03em; display: inline-flex; align-items: baseline; }
.tw-logo-the { font-weight: 500; color: var(--tw-the); transition: color .35s; }
.tw-logo-word b { font-weight: 800; color: var(--tw-strong); transition: color .35s; }
.tw-logo-cursor {
    display: inline-block; width: .42em; height: .1em; margin-left: .08em;
    border-radius: 2px; background: var(--tw-teal);
    animation: tw-blink 1.1s steps(1) infinite;
}
.tw-logo-tag {
    font-size: .3em; font-weight: 600; letter-spacing: .28em; text-transform: uppercase;
    color: var(--tw-tag);
}
@keyframes tw-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    .tw-logo-cursor { animation: none; }
    a:hover .tw-logo-mark { transform: none; }
}