/* LOGO - Grossir au départ, réduire au scroll */

/* Logo GROS par défaut (80px) */
.logo-networkit-inspired .logo-svg {
    height: 80px !important;
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mega-menu-logo {
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Logo réduit quand on scroll (60px) */
.mega-menu-networkit.scrolled .logo-networkit-inspired .logo-svg {
    height: 60px !important;
}

/* Header réduit au scroll */
.mega-menu-networkit {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mega-menu-networkit.scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Animation fluide de transition */
.logo-networkit-inspired,
.logo-networkit-inspired * {
    transition-property: height, transform, opacity !important;
    transition-duration: 0.4s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Responsive - Garder tailles proportionnelles */
@media (max-width: 1024px) {
    .logo-networkit-inspired .logo-svg {
        height: 60px !important;
    }

    .mega-menu-networkit.scrolled .logo-networkit-inspired .logo-svg {
        height: 48px !important;
    }
}

@media (max-width: 768px) {
    .logo-networkit-inspired .logo-svg {
        height: 50px !important;
    }

    .mega-menu-networkit.scrolled .logo-networkit-inspired .logo-svg {
        height: 40px !important;
    }
}

@media (max-width: 480px) {
    .logo-networkit-inspired .logo-svg {
        height: 44px !important;
    }

    .mega-menu-networkit.scrolled .logo-networkit-inspired .logo-svg {
        height: 36px !important;
    }
}