@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap');

/* Unified FreeTTS wordmark — premium SaaS look */
.ft-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}
.ft-brand img {
    height: 48px;
    width: auto;
    display: block;
    filter: drop-shadow(0 6px 14px rgba(16,185,129,0.22)) drop-shadow(0 2px 6px rgba(15,23,42,0.1));
    transition: transform 0.3s ease, filter 0.3s ease;
}
.ft-brand:hover img { transform: scale(1.06) rotate(-2deg); }
.ft-wordmark {
    display: inline-flex;
    align-items: baseline;
    font-family: 'Manrope', -apple-system, system-ui, sans-serif;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.045em;
    user-select: none;
}
.ft-wordmark .ft-free { color: currentColor; }
.ft-wordmark .ft-tts {
    background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 2px 8px rgba(16,185,129,0.35));
}
.ft-brand:hover .ft-wordmark .ft-tts { filter: drop-shadow(0 4px 14px rgba(16,185,129,0.6)); }

/* Dashboard sidebar variant — smaller, left-aligned */
.d-logo.ft-brand img { height: 40px; }
.d-logo.ft-brand .ft-wordmark { font-size: 1.3rem; }

/* Auth pages variant — centered, larger */
.auth-logo.ft-brand { justify-content: center; }
.auth-logo.ft-brand img { height: 56px; }
.auth-logo.ft-brand .ft-wordmark { font-size: 1.9rem; }

@media (max-width: 640px) {
    .ft-brand img { height: 42px; }
    .ft-wordmark { font-size: 1.4rem; }
    .ft-brand { gap: 8px; }
}
@media (max-width: 420px) {
    .ft-brand .ft-wordmark { display: none; }
}