/* Login Button Styles for Header - مثل الصورة مع هوية الموقع */
.nav-menu li a.nav-login-btn {
    background: linear-gradient(180deg, #dca314 0%, #b8870f 100%) !important;
    color: white !important;
    padding: 12px 32px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(220, 163, 20, 0.35) !important;
    margin-left: 20px !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    letter-spacing: 0.3px !important;
    font-family: 'Cairo', sans-serif !important;
}

.nav-menu li a.nav-login-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(220, 163, 20, 0.45) !important;
    background: linear-gradient(180deg, #e8b428 0%, #c99a1a 100%) !important;
    color: white !important;
}

.nav-menu li a.nav-login-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(220, 163, 20, 0.3) !important;
}

.nav-menu li a.nav-login-btn:after {
    display: none !important;
    content: none !important;
}

/* Mobile responsive */
@media (max-width: 1024px) {
    .nav-login-btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
}