@media (hover: hover) {
    .nav-item:hover .arrow {
        transform: scale(1.2);
        transition: all 0.3s ease;
    }

    .nav-item:hover .link-text {
        transform: scale(1.1);
        transition: all 0.3s ease;
    }
}

/* Disable hover on touch devices */
@media (hover: none) {
    .nav-item:hover .arrow,
    .nav-item:hover .link-text {
        transform: none !important;
    }

    /* Prevent hover getting stuck */
    .nav-item:focus,
    .nav-item:active {
        outline: none;
    }
}