/* Containerul header-ului */
.header-anim {
    transition: all 0.3s ease;
}

/* Stiluri pentru link-urile din meniu */
.nav-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* spațiu între iconiță și text */
}

/* Efectul de ridicare ușoară la hover */
.nav-item:hover {
    transform: translateY(-2px);
}

/* Logo icon animation (cubul) */
/* Când duci mouse-ul pe tot grupul logo-ului, cubul face o mică animație */
.group:hover .material-symbols-outlined {
    animation: block-wiggle 0.5s ease-in-out;
}

@keyframes block-wiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    75% { transform: rotate(10deg); }
}