/* Fundalul sticlat avansat pentru Navbar */
.nav-glass {
    background: rgba(17, 20, 23, 0.4);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);
}

/* Efectul de Glow pentru emblema logo-ului */
.logo-glow {
    box-shadow: 0 0 15px rgba(242, 202, 80, 0.3);
}

.group:hover .logo-glow {
    box-shadow: 0 0 25px rgba(255, 171, 243, 0.5), inset 0 0 10px rgba(0, 229, 229, 0.2);
}

/* Animație subtilă pentru linkurile de navigație (Underline Slide) */
.nav-link {
    position: relative;
    padding-bottom: 4px;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #f2ca50, #ffabf3);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Stiluri profesionale pentru butoanele cu iconițe */
.nav-icon-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid transparent;
}

.nav-icon-btn:hover {
    background: rgba(242, 202, 80, 0.1);
    border: 1px solid rgba(242, 202, 80, 0.3);
    box-shadow: 0 0 20px rgba(242, 202, 80, 0.15);
    transform: translateY(-2px);
    color: #ffabf3; /* Schimbă nuanța spre magenta la hover */
}