/* navbar.css - استایل‌های اضافی برای نویگیشن بار با کیف پول */

.navbar-logo {
    transition: transform 0.2s ease;
}

.navbar-logo:hover {
    transform: scale(1.05);
}

#nav-home-btn, #nav-search-btn, #nav-logout-btn, #nav-wallet-btn {
    transition: all 0.2s ease;
    cursor: pointer;
}

#nav-home-btn:hover, #nav-search-btn:hover {
    opacity: 0.8;
}

#nav-logout-btn:hover {
    background-color: #dc2626 !important; /* رنگ قرمز تیره‌تر */
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

#nav-wallet-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}

/* انیمیشن برای به‌روزرسانی کیف پول */
@keyframes pulse-wallet {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.wallet-updated {
    animation: pulse-wallet 0.5s ease;
}

/* استایل‌های ریسپانسیو */
@media (max-width: 640px) {
    #nav-wallet-btn {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
    
    #nav-wallet-btn span:last-child {
        display: none; /* مخفی کردن "تومان" در موبایل */
    }
}