/* Logo Styles – Briefing: briefing/logo-briefing.md */
/* CSS-Logo: "Feedback" (Google-Farbstil) + Slogan "for webmasters" */

.header-logo-link {
    font-family: var(--font-family-primary);
    line-height: var(--line-height-base);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
    transition: var(--transition-fast);
}

.header-logo-link:hover .logo-letter {
    transform: translateY(-2px);
}

.header-logo-text {
    font-family: var(--font-family-primary);
    font-size: 40px !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-decoration: none;
    transition: var(--transition-fast);
    display: inline-flex;
    align-items: center;
}

/* Google-Farbstil: Jeder Buchstabe von "Feedback" in einer Google-Farbe */
.logo-letter {
    display: inline-block;
    transition: var(--transition-fast);
    font-size: inherit !important;
}

.logo-letter-1 { color: var(--color-logo-google-blue); }   /* F */
.logo-letter-2 { color: var(--color-logo-google-red); }   /* e */
.logo-letter-3 { color: var(--color-logo-google-yellow); } /* e */
.logo-letter-4 { color: var(--color-logo-google-green); }  /* d */
.logo-letter-5 { color: var(--color-logo-google-blue); }   /* b */
.logo-letter-6 { color: var(--color-logo-google-red); }    /* a */
.logo-letter-7 { color: var(--color-logo-google-yellow); } /* c */
.logo-letter-8 { color: var(--color-logo-google-green); } /* k */

/* Slogan "for webmasters" – unter dem Logo */
.logo-slogan {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: lowercase;
    color: var(--color-text-secondary);
    margin-top: 2px;
    line-height: 1.2;
}

.header-logo-link:hover .logo-slogan {
    color: var(--color-text-primary);
}

/* Mobile: Logo-Höhe reduziert (Briefing 005.004) */
@media (max-width: 575px) {
    .header-logo-text {
        font-size: 28px !important;
    }

    .logo-slogan {
        font-size: 0.65rem;
        margin-top: 1px;
    }
}