/* ==========================================================================
Menu Auth Items - Professional Design
========================================================================== */

/* آیتم‌های احراز هویت در منو */
.menu-item a[href*="/login"],
.menu-item a[href*="/register"] {
    position: relative;
    padding: 8px 20px !important;
    border-radius: var(--golino-radius-full, 9999px);
    transition: all 0.3s ease;
}

/* دکمه ورود */
.menu-item a[href*="/login"] {
    background: transparent;
    color: var(--golino-primary, #E91E63) !important;
    border: 2px solid var(--golino-primary, #E91E63);
    font-weight: 600;
}

.menu-item a[href*="/login"]:hover {
    background: var(--golino-primary, #E91E63);
    color: var(--golino-white, #fff) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3);
}

/* دکمه عضویت */
.menu-item a[href*="/register"] {
    background: linear-gradient(135deg, #E91E63 0%, #C2185B 100%);
    color: var(--golino-white, #fff) !important;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3);
}

.menu-item a[href*="/register"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(233, 30, 99, 0.4);
}

/* آیتم داشبورد برای کاربران لاگین */
.menu-item a[href*="/dashboard"] {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 20px !important;
    background: linear-gradient(135deg, rgba(46, 125, 50, 0.1) 0%, rgba(233, 30, 99, 0.1) 100%);
    color: var(--golino-primary, #E91E63) !important;
    border-radius: var(--golino-radius-full, 9999px);
    font-weight: 600;
    transition: all 0.3s ease;
}

.menu-item a[href*="/dashboard"]:hover {
    background: linear-gradient(135deg, rgba(46, 125, 50, 0.15) 0%, rgba(233, 30, 99, 0.15) 100%);
    transform: translateY(-2px);
}

.menu-item a[href*="/dashboard"]::before {
    content: '👤';
    font-size: 16px;
}

/* آیتم خروج */
.menu-item a[href*="/logout"] {
    color: #F44336 !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.menu-item a[href*="/logout"]:hover {
    color: #C62828 !important;
}

.menu-item a[href*="/logout"]::before {
    content: '🚪';
    margin-left: 5px;
}

/* در حالت موبایل */
@media (max-width: 1024px) {
    .golino-mobile-nav-menu .menu-item a[href*="/login"],
    .golino-mobile-nav-menu .menu-item a[href*="/register"],
    .golino-mobile-nav-menu .menu-item a[href*="/dashboard"] {
        display: flex;
        justify-content: center;
        margin: 10px 0;
        width: 100%;
    }
}

/* انیمیشن ورود */
@keyframes menuPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.menu-item a[href*="/register"] {
    animation: menuPulse 3s ease-in-out infinite;
}

.menu-item a[href*="/register"]:hover {
    animation: none;
}