/* SOGED wordmark — transparent logo + light motion across the site */

.soged-logo,
.logo-wordmark,
.logo-img,
.logo-image,
.loading-logo,
.survey-logo,
.about-hero-logo,
.footer-brand img,
.sidebar-logo-wordmark {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    mix-blend-mode: normal;
    opacity: 1;
    visibility: visible;
    filter: none;
    transform-origin: center center;
    transition: transform 0.35s ease, filter 0.35s ease;
}

.soged-logo:not(.about-hero-logo),
.logo-wordmark,
.logo-img,
.logo-image,
.loading-logo,
.survey-logo,
.footer-brand img,
.sidebar-logo-wordmark {
    animation: sogedLogoFloat 4.2s ease-in-out infinite;
}

.soged-logo--static {
    animation: none;
}

.logo-container:hover .soged-logo,
.logo-container:hover .logo-wordmark,
a:hover > .soged-logo,
.footer-brand:hover img,
.sidebar-brand:hover .sidebar-logo-wordmark {
    transform: scale(1.05) rotate(-1deg);
    filter: none;
    animation-play-state: paused;
}

@keyframes sogedLogoFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
        filter: none;
    }
    50% {
        transform: translateY(-5px) scale(1.03);
        filter: none;
    }
}

/* Header / compact sizes */
.logo-wordmark,
.auth-header .soged-logo,
.logo-image {
    height: 48px;
    max-height: 56px;
    max-width: min(300px, 62vw);
}

.footer-brand img {
    height: 52px;
    max-width: 220px;
}

.loading-logo {
    height: 72px;
    max-width: 280px;
    margin: 0 auto 1rem;
    animation: sogedLogoFloat 2.4s ease-in-out infinite;
}

.logo-img,
.survey-logo {
    height: 80px;
    max-width: 300px;
}

.about-hero-logo {
    height: clamp(110px, 18vw, 200px);
    max-width: min(720px, 92vw);
}

.about-soged-badge .soged-logo,
.about-soged-badge img {
    height: 44px;
    max-width: 160px;
    background: transparent;
    animation: sogedLogoFloat 5s ease-in-out infinite;
}

.sidebar-logo-wordmark {
    height: 42px;
    max-width: 168px;
    background: transparent;
}

body.dark-mode .soged-logo,
body.dark-mode .logo-wordmark,
body.dark-mode .logo-img,
body.dark-mode .logo-image,
body.dark-mode .loading-logo,
body.dark-mode .survey-logo,
body.dark-mode .about-hero-logo,
body.dark-mode .footer-brand img,
html[data-theme="dark"] .soged-logo,
html[data-theme="dark"] .logo-wordmark,
html[data-theme="dark"] .logo-img,
html[data-theme="dark"] .logo-image,
html[data-theme="dark"] .loading-logo,
html[data-theme="dark"] .survey-logo,
html[data-theme="dark"] .about-hero-logo,
html[data-theme="dark"] .footer-brand img {
    background: transparent;
    filter: none;
}

@media (prefers-reduced-motion: reduce) {
    .soged-logo,
    .logo-wordmark,
    .logo-img,
    .logo-image,
    .loading-logo,
    .survey-logo,
    .about-hero-logo,
    .footer-brand img,
    .sidebar-logo-wordmark {
        animation: none !important;
    }
}